2021-12-06 20:06:07 +00:00
|
|
|
@import "../palette";
|
|
|
|
|
2020-10-01 17:09:50 +00:00
|
|
|
// Misc.
|
|
|
|
$misc: (
|
|
|
|
z-index-base: 10000,
|
|
|
|
);
|
|
|
|
|
|
|
|
// Duration.
|
|
|
|
$duration: (
|
|
|
|
transition: 0.2s,
|
|
|
|
);
|
|
|
|
|
|
|
|
// Size.
|
|
|
|
$size: (
|
|
|
|
border-radius: 8px,
|
|
|
|
border-radius-main: 0.25em,
|
|
|
|
element-height: 2.75em,
|
|
|
|
element-margin: 2em,
|
|
|
|
inner: 64em,
|
|
|
|
);
|
|
|
|
|
|
|
|
// Font.
|
|
|
|
$font: (
|
|
|
|
family: (
|
|
|
|
"Source Sans Pro",
|
|
|
|
Helvetica,
|
|
|
|
sans-serif,
|
|
|
|
),
|
|
|
|
family-fixed: (
|
|
|
|
"Courier New",
|
|
|
|
monospace,
|
|
|
|
),
|
|
|
|
weight: 300,
|
|
|
|
weight-bold: 400,
|
|
|
|
letter-spacing: -0.025em,
|
|
|
|
);
|
|
|
|
|
|
|
|
// Palette.
|
|
|
|
$palette: (
|
|
|
|
bg: #935d8c,
|
|
|
|
fg: rgba(255, 255, 255, 1),
|
|
|
|
fg-bold: #ffffff,
|
|
|
|
fg-light: rgba(255, 255, 255, 0.5),
|
|
|
|
border: rgba(255, 255, 255, 0.35),
|
|
|
|
border-bg: rgba(255, 255, 255, 0.075),
|
|
|
|
border2: rgba(255, 255, 255, 0.75),
|
|
|
|
border2-bg: rgba(255, 255, 255, 0.2),
|
|
|
|
invert: (
|
2021-12-06 20:06:07 +00:00
|
|
|
bg: #F7F7F7,
|
|
|
|
bg-alt: #FFFFFF7F,
|
|
|
|
fg: $palette4,
|
|
|
|
fg-bold: $palette4,
|
2020-10-01 17:09:50 +00:00
|
|
|
fg-light: rgba(99, 99, 99, 0.25),
|
|
|
|
border: #dddddd,
|
|
|
|
border-bg: rgba(222, 222, 222, 0.25),
|
|
|
|
border2: #dddddd,
|
|
|
|
border2-bg: rgba(222, 222, 222, 0.5),
|
|
|
|
),
|
2021-12-06 20:06:07 +00:00
|
|
|
accent: $palette5,
|
|
|
|
accent1: $palette4,
|
|
|
|
accent2: $palette3,
|
|
|
|
accent3: $palette2,
|
|
|
|
accent4: $palette2,
|
|
|
|
accent5: $palette1,
|
2020-10-01 17:09:50 +00:00
|
|
|
);
|