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,44 @@ |
$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; |
+$tiny-font: 0.8em; |
+ |
// Font weights |
$bold-weight: 700; |
// Sizes /////////////////////////////////////////////////////////////////////// |
+// Container widths |
+ |
+$content-max-width: 90%; |
+$content-width: $desktop-width; |
+$navbar-width: $content-width + 100px; |
+ |
+// Header & Footer |
+ |
+$site-header-height: 65px; |
+$site-header-content-line-height: 40px; |
+ |
+// Search form |
+ |
+$search-form-width: 320px; |
+$search-form-height: 35px; |
+ |
// Spacers ///////////////////////////////////////////////////////////////////// |
// Columns ///////////////////////////////////////////////////////////////////// |
// Breakpoints ///////////////////////////////////////////////////////////////// |
-// Placeholders //////////////////////////////////////////////////////////////// |
+$mobile-breakpoint: 544px; |
+ |
+// Placeholders //////////////////////////////////////////////////////////////// |