Issue 5350 - Setup Help Center Boilerplate

static/scss/base/_variables.scss

Index: static/scss/base/_variables.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/static/scss/base/_variables.scss
@@ -0,0 +1,66 @@
+// This file is part of help.eyeo.com.
+// Copyright (C) 2017 Eyeo GmbH
+//
+// help.eyeo.com 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.
+//
+// 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/>.
+
+// Colors //////////////////////////////////////////////////////////////////////
+
+// Grayscale
+
+$white: #fff;
+$gray: #D2D2D2;
+$gray-light: #ECECEC;
+$gray-medium: #AEAEAE;
+$gray-dark: #757575;
+$black: #161616;
+
+// Brand colors
+
+$eyeo-black: $black;
+$abp-red: #C70D2B;
+$abb-blue: #0D79C7;
+
+// Typography //////////////////////////////////////////////////////////////////
+
+// Font stack
+
+$primary-font: "Source Sans Pro", sans-serif;
+
+// Font colours
+
+$font-color-default: $eyeo-black;
+$font-color-link: $abb-blue;
+
+// Font sizes (headings)
+
+$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 weights
+
+$bold-weight: 700;
+
+// Sizes ///////////////////////////////////////////////////////////////////////
+
+// Spacers /////////////////////////////////////////////////////////////////////
+
+// Columns /////////////////////////////////////////////////////////////////////
+
+// Breakpoints /////////////////////////////////////////////////////////////////
+
+// Placeholders ////////////////////////////////////////////////////////////////