hypothetical/resources/sass/_var.scss

46 lines
778 B
SCSS
Raw Normal View History

//
// Custom Variables
//
// Overrides
$grid-breakpoints: (
xs: 0px,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1600px,
xxxl: 1950px,
xxxxl: 2150px
);
$container-max-widths: (
2021-04-16 22:15:38 -04:00
sm: pxrem(540),
md: pxrem(720),
lg: pxrem(960),
xl: pxrem(1140),
xxl: pxrem(1540),
xxxl: pxrem(1733),
xxxxl: pxrem(1925)
);
// Colours
$c-text: #111; // text
$c-text-light: #fff; // light text
$c-base: #2e2e2e; // base
$c-accent: #fa7921; // accent
$c-error: #fa2036; // error
// Values
$nav-link-count: 3;
// Sizes
$nav-height-desktop: pxrem(60);
$nav-height-mobile: pxrem(50);
$nav-link-height-mobile: pxrem(50);
$grid-gutter-width: pxrem(30);
// Breakpoints
$nav-desktop-min: 768px;
$nav-mobile-max: ($nav-desktop-min - 1px);