62 lines
1.2 KiB
SCSS
62 lines
1.2 KiB
SCSS
// Misc.
|
|
$misc: (
|
|
z-index-base: 10000
|
|
);
|
|
|
|
// Duration.
|
|
$duration: (
|
|
menu: 0.5s,
|
|
transition: 0.2s
|
|
);
|
|
|
|
// Size.
|
|
$size: (
|
|
element-height: 3rem,
|
|
element-margin: 2rem,
|
|
padding: 2rem,
|
|
wrapper: 72rem
|
|
);
|
|
|
|
// Font.
|
|
$font: (
|
|
family: ('Merriweather', Georgia, serif),
|
|
family-heading: ('Source Sans Pro', Helvetica, sans-serif),
|
|
family-fixed: ('Courier New', monospace),
|
|
weight: 300,
|
|
weight-bold: 600,
|
|
weight-heading: 900
|
|
);
|
|
|
|
// Palette.
|
|
$palette: (
|
|
wrapper-bg: #212931,
|
|
|
|
bg: #ffffff,
|
|
fg: #212931,
|
|
fg-bold: #212931,
|
|
fg-light: mix(#212931, #ffffff, 50%),
|
|
border: mix(#dcdcdc, #ffffff, 50%),
|
|
border-bg: rgba(#dcdcdc, 0.25),
|
|
accent: #18bfef,
|
|
|
|
alt: (
|
|
bg: #f5f5f5,
|
|
fg: #717981,
|
|
fg-bold: #717981,
|
|
fg-light: mix(#717981, #f5f5f5, 50%),
|
|
border: mix(#dcdcdc, #f5f5f5, 75%),
|
|
border-bg: rgba(#dcdcdc, 0.5),
|
|
accent: #18bfef,
|
|
),
|
|
|
|
invert: (
|
|
bg: #1e252d,
|
|
bg-alt: #1e252d,
|
|
fg: #ffffff,
|
|
fg-bold: #ffffff,
|
|
fg-light: rgba(#ffffff, 0.5),
|
|
border: #ffffff,
|
|
border-bg: rgba(#ffffff,0.075),
|
|
accent: #18bfef,
|
|
),
|
|
); |