75 lines
1.6 KiB
SCSS
75 lines
1.6 KiB
SCSS
|
// Misc.
|
||
|
|
$misc: (
|
||
|
|
z-index-base: 10000
|
||
|
|
);
|
||
|
|
|
||
|
|
// Duration.
|
||
|
|
$duration: (
|
||
|
|
transition: 0.2s,
|
||
|
|
loader-fadein: 1s,
|
||
|
|
bg-fadein: 0.5s
|
||
|
|
);
|
||
|
|
|
||
|
|
// Size.
|
||
|
|
$size: (
|
||
|
|
element-height: 3em,
|
||
|
|
element-margin: 2em,
|
||
|
|
container-width: 35em
|
||
|
|
);
|
||
|
|
|
||
|
|
// Font.
|
||
|
|
$font: (
|
||
|
|
family: ('Raleway', 'Helvetica', sans-serif),
|
||
|
|
family-fixed: ('Courier New', monospace),
|
||
|
|
weight: 400,
|
||
|
|
weight-bold: 700,
|
||
|
|
weight-heavy: 800
|
||
|
|
);
|
||
|
|
|
||
|
|
// Palette.
|
||
|
|
$palette: (
|
||
|
|
bg: #fff,
|
||
|
|
fg: #6f7577,
|
||
|
|
fg-bold: #61686b,
|
||
|
|
fg-light: #a8b0b3,
|
||
|
|
fg-lighter: #e8f0f3,
|
||
|
|
border: #dddddd,
|
||
|
|
border-bg: rgba(144,144,144,0.075),
|
||
|
|
border2: #d3d3d3,
|
||
|
|
border2-bg: rgba(144,144,144,0.15),
|
||
|
|
|
||
|
|
alt: (
|
||
|
|
fg-bold: #ffffff,
|
||
|
|
fg: rgba(255,255,255,0.5),
|
||
|
|
fg-light: rgba(255,255,255,0.35),
|
||
|
|
fg-lighter: rgba(255,255,255,0.2),
|
||
|
|
border: #ffffff,
|
||
|
|
border-bg: rgba(255,255,255,0.075),
|
||
|
|
border2: #ffffff,
|
||
|
|
border2-bg: rgba(255,255,255,0.15)
|
||
|
|
),
|
||
|
|
|
||
|
|
accent1: (
|
||
|
|
bg: #8cd1a8,
|
||
|
|
fg-bold: #ffffff,
|
||
|
|
fg: mix(#8cd1a8, #ffffff, 25%),
|
||
|
|
fg-light: mix(#8cd1a8, #ffffff, 40%),
|
||
|
|
fg-lighter: mix(#8cd1a8, #ffffff, 90%),
|
||
|
|
border: rgba(255,255,255,0.25),
|
||
|
|
border-bg: rgba(255,255,255,0.075),
|
||
|
|
border2: rgba(255,255,255,0.5),
|
||
|
|
border2-bg: rgba(255,255,255,0.2)
|
||
|
|
),
|
||
|
|
|
||
|
|
accent2: (
|
||
|
|
bg: #313a3d,
|
||
|
|
fg-bold: #ffffff,
|
||
|
|
fg: mix(#313a3d, #ffffff, 25%),
|
||
|
|
fg-light: mix(#313a3d, #ffffff, 40%),
|
||
|
|
fg-lighter: mix(#313a3d, #ffffff, 90%),
|
||
|
|
border: rgba(255,255,255,0.25),
|
||
|
|
border-bg: rgba(255,255,255,0.075),
|
||
|
|
border2: rgba(255,255,255,0.5),
|
||
|
|
border2-bg: rgba(255,255,255,0.2)
|
||
|
|
)
|
||
|
|
);
|