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

78 lines
1.7 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
2017-08-31 14:02:50 +00:00
$brand-color-a: #333333;
2017-08-31 14:17:00 +00:00
$brand-color-b: #f9f9f9;
2017-08-31 11:44:57 +00:00
$brand-white: #FFF;
$brand-black: #000;
$text-color: $brand-color-a !default;
$background-color: $brand-color-b;
// Dimensions
$vertical-rhythm: 5px;
$vr: $vertical-rhythm;
2017-08-31 11:44:57 +00:00
// Typography
2017-08-31 14:02:50 +00:00
$font-family-sans-serif: 'Ubuntu', Helvetica, Arial, sans-serif;
2017-08-31 11:44:57 +00:00
$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;
2017-08-31 14:02:50 +00:00
$font-family-heading: $font-family-sans-serif;
2017-08-31 11:44:57 +00:00
$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;