Issue 5635 - Implement website-default navbar component

static/scss/_utilities.scss

 // This file is part of website-defaults
 // Copyright (C) 2016-present eyeo GmbH
 //
 // website-defaults is free software: you can redistribute it and/or
 // modify it under the terms of the GNU General Public License as published by
 // the Free Software Foundation, either version 3 of the License, or
 // (at your option) any later version.
 //
 // website-defaults is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 15 matching lines @@
  */
 .full-width
 {
   display: block;
   width: 100%;
 }
 
 /**
  * Center content within a (responsive) fixed width
  */
-.container
+@mixin container($width: $container-width, $padding-x: $small-space)
 {
-  width: $container-width;
+  width: $width;
   max-width: 100%;
   margin-right: auto;
   margin-left: auto;
-  padding-right: $small-space;
-  padding-left: $small-space;
+  padding-right: $padding-x;
+  padding-left: $padding-x;
+}
+
+.container
+{
+  @include container;
 }
 
 /* Device widths
  ******************************************************************************/
 
 .phone-width { width: $phone-width; }
 .phablet-width { width: $phablet-width; }
 .tablet-width { width: $tablet-width; }
 .desktop-width { width: $desktop-width; }
 .large-desktop-width { width: $large-desktop-width; }
@@ skipping 87 matching lines @@
   background-color: $error-dark;
 }
 
 /* Lead
  ******************************************************************************/
 
 .lead
 {
   font-size: 1.25em;
 }