87 lines
1.9 KiB
SCSS
87 lines
1.9 KiB
SCSS
$susy: (
|
|
columns: 12,
|
|
gutters: 1,
|
|
math: fluid,
|
|
output: float,
|
|
gutter-position: after
|
|
// debug: (image: show)
|
|
);
|
|
|
|
// break points
|
|
$breakpoint-xs-width: 480px;
|
|
$breakpoint-sm-width: 800px;
|
|
$breakpoint-md-width: 1080px;
|
|
$breakpoint-lg-width: 1200px;
|
|
$breakpoint-xl-width: 1400px;
|
|
$breakpoint-xxl-width: 1920px;
|
|
|
|
//aliases
|
|
$xs: $breakpoint-xs-width;
|
|
$sm: $breakpoint-sm-width;
|
|
$md: $breakpoint-md-width;
|
|
$lg: $breakpoint-lg-width;
|
|
$xl: $breakpoint-xl-width;
|
|
$xxl: $breakpoint-xxl-width;
|
|
|
|
$breakpoint-xxs-width-max: $xs - 1;
|
|
$breakpoint-xs-width-max: $sm - 1;
|
|
$breakpoint-sm-width-max: $md - 1;
|
|
$breakpoint-md-width-max: $lg - 1;
|
|
$breakpoint-lg-width-max: $xl - 1;
|
|
$breakpoint-xl-width-max: $xxl - 1;
|
|
|
|
$retina-query: (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi);
|
|
|
|
$max-width: $xl;
|
|
|
|
// Colors
|
|
$brand-color-a: #0da8ad;
|
|
$brand-color-b: #FFC56C;
|
|
$brand-color-c: #003A6F;
|
|
$brand-color-d: #FF5959;
|
|
$brand-color-e: #814374;
|
|
$brand-color-f: #323232;
|
|
$brand-color-g: #777777;
|
|
|
|
$brand-colors: (
|
|
a: $brand-color-a,
|
|
b: $brand-color-b,
|
|
c: $brand-color-c,
|
|
d: $brand-color-d,
|
|
e: $brand-color-e,
|
|
f: $brand-color-f
|
|
);
|
|
|
|
$brand-white: #FFF;
|
|
$brand-black: #000;
|
|
|
|
$text-color: #333 !default;
|
|
$background-color: #f9f9f9;
|
|
|
|
// Typography
|
|
$font-family-sans-serif: 'Didact Gothic', Helvetica, Arial, sans-serif;
|
|
$font-family-serif: 'Georgia Pro', Georgia, Times, serif;
|
|
$font-family-mono: 'Anonymous Pro', 'Droid Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, 'Lucida Console', Courier, monospace;
|
|
$font-family-base: $font-family-sans-serif;
|
|
$font-family-heading: 'Ubuntu', $font-family-sans-serif;
|
|
$icon-font: 'icomoon';
|
|
$directory-fonts: './fonts';
|
|
|
|
// Font Sizing
|
|
$font-size-base: 16px;
|
|
$line-height-base: 1.8;
|
|
$font-size-small: 14px;
|
|
|
|
$font-weight-bold: 700;
|
|
$font-weight-medium: 500;
|
|
$font-weight-regular: 400;
|
|
$font-weight-light: 100;
|
|
|
|
// z-index
|
|
$z-below: 0;
|
|
$z-base: 1;
|
|
$z-small: 5;
|
|
$z-mid: 10;
|
|
$z-high: 100;
|
|
$z-super: 1000;
|