Issue 5385 - Create Site Header Component for Help Center

static/scss/base/_variables.scss

Index: static/scss/base/_variables.scss
===================================================================
--- a/static/scss/base/_variables.scss
+++ b/static/scss/base/_variables.scss
@@ -7,17 +7,17 @@
 // (at your option) any later version.
 //
 // help.eyeo.com is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 // GNU General Public License for more details.
 //
 // You should have received a copy of the GNU General Public License
-// along with acceptableads.org.  If not, see <http://www.gnu.org/licenses/>.
+// along with help.eyeo.com.  If not, see <http://www.gnu.org/licenses/>.
 
 // Colors //////////////////////////////////////////////////////////////////////
 
 // Grayscale
 
 $white: #fff;
 $gray: #D2D2D2;
 $gray-light: #ECECEC;
@@ -46,21 +46,43 @@
 
 $font-size-h1: 3em;
 $font-size-h2: 2em;
 $font-size-h3: 1.4em;
 $font-size-h4: 1em;
 $font-size-h5: $font-size-h4;
 $font-size-h6: $font-size-h4;
 
+// Font sizes (general)
+
+$small-font: 0.9em;
+$xsmall-font: 0.8em;
+
 // Font weights
 
 $bold-weight: 700;
 
 // Sizes ///////////////////////////////////////////////////////////////////////
 
+// Container widths
+
+$content-max-width: 90%;
+$content-width: $desktop-width;
+$navbar-width: $desktop-width + 100px;
+
+// Header & Footer
+
+$site-header-height: 65px;
+
+// Searchform
+
+$searchform-width: 320px;
+$searchform-height: 35px;
+
 // Spacers /////////////////////////////////////////////////////////////////////
 
 // Columns /////////////////////////////////////////////////////////////////////
 
 // Breakpoints /////////////////////////////////////////////////////////////////
 
-// Placeholders ////////////////////////////////////////////////////////////////
+$mobile-breakpoint: 544px;
+
+// Placeholders ////////////////////////////////////////////////////////////////