website/src/assets/sass/libs/_vars.scss

66 lines
1.1 KiB
SCSS

@import "../palette";
// 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: (
bg: #F7F7F7,
bg-alt: #FFFFFF,
fg: $palette4,
fg-bold: $palette4,
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),
),
accent: $palette5,
accent1: $palette4,
accent2: $palette3,
accent3: $palette2,
accent4: $palette2,
accent5: $palette1,
);