43 lines
1.1 KiB
SCSS
43 lines
1.1 KiB
SCSS
//
|
|
// Base Settings
|
|
//
|
|
|
|
// High-level settings for the entire site
|
|
// To create relational sizing and
|
|
// aesthetically pleasing design
|
|
$base-spacing-unit: 24px;
|
|
$base-font-size: 16px;
|
|
$base-line-height: $base-spacing-unit;
|
|
|
|
// Spacing sizes
|
|
$spacing-smaller: $base-spacing-unit / 3;
|
|
$spacing-small: $base-spacing-unit / 2;
|
|
$spacing-normal: $base-spacing-unit;
|
|
$spacing-large: $base-spacing-unit * 1.5;
|
|
$spacing-larger: $base-spacing-unit * 2;
|
|
$spacing-largest: $base-spacing-unit * 3;
|
|
|
|
// Font sizes
|
|
$font-xsmall: $base-font-size / 1.6;
|
|
$font-small: $base-font-size / 1.3;
|
|
$font-normal: $base-font-size;
|
|
$font-large: $base-font-size * 1.5;
|
|
$font-larger: $base-font-size * 2;
|
|
$font-largest: $base-font-size * 3;
|
|
|
|
// Font weights
|
|
$font-weight-light: 300;
|
|
$font-weight-normal: 400;
|
|
$font-weight-bold: 500;
|
|
$font-weight-black: 700;
|
|
$font-weight-heading: $font-weight-bold;
|
|
|
|
// Header sizes
|
|
$header-size-1: $base-font-size * 2;
|
|
$header-size-2: $base-font-size * 1.5;
|
|
$header-size-3: $base-font-size * 1.35;
|
|
$header-size-4: $base-font-size * 1.2;
|
|
$header-size-5: $base-font-size;
|
|
$header-size-6: $base-font-size * 0.9;
|
|
|