This repository has been archived on 2023-02-03. You can view files and clone it, but cannot push or open issues or pull requests.
autonomic.zone/scss/utilities/_variables.scss

87 lines
1.9 KiB
SCSS
Raw Normal View History

2017-08-31 11:44:57 +00:00
$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;