2020-07-21 11:05:32 +02:00
|
|
|
// Misc.
|
|
|
|
|
$misc: (
|
|
|
|
|
z-index-base: 10000,
|
|
|
|
|
overlay-opacity: 0.75,
|
|
|
|
|
lightbox-opacity: 0.75,
|
|
|
|
|
gallery-limit: 32,
|
|
|
|
|
items-limit: 16
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Duration.
|
|
|
|
|
$duration: (
|
|
|
|
|
menu: 0.5s,
|
|
|
|
|
transition: 0.2s,
|
|
|
|
|
gallery-lightbox: 0.5s,
|
|
|
|
|
gallery-delay: 0.15s,
|
|
|
|
|
items-delay: 0.15s,
|
|
|
|
|
on-load: 0.75s,
|
|
|
|
|
on-scroll: 0.75s
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Size.
|
|
|
|
|
$size: (
|
|
|
|
|
border-radius: 4px,
|
|
|
|
|
border-radius-alt: 0.5rem,
|
|
|
|
|
border-width: 1px,
|
|
|
|
|
element-height: 2.75rem,
|
|
|
|
|
element-margin: 2rem,
|
|
|
|
|
gutter: 3.5rem,
|
|
|
|
|
inner: 64rem,
|
|
|
|
|
padding: (
|
|
|
|
|
default: 7rem,
|
|
|
|
|
xlarge: 5rem,
|
|
|
|
|
large: 4rem,
|
|
|
|
|
medium: 3rem,
|
|
|
|
|
small: 2rem
|
|
|
|
|
)
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Font.
|
|
|
|
|
$font: (
|
|
|
|
|
family: ('Astloch', Helvetica, sans-serif),
|
2020-07-28 14:45:01 +02:00
|
|
|
family-fixed: ('Lucida Console', Monaco, monospace),
|
2020-07-21 11:05:32 +02:00
|
|
|
weight: 400,
|
|
|
|
|
weight-bold: 700,
|
|
|
|
|
kerning: -0.025em,
|
|
|
|
|
kerning-alt: 0.125em
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Palette.
|
|
|
|
|
$palette: (
|
|
|
|
|
color1: #30363d,
|
|
|
|
|
color2: #db8992,
|
|
|
|
|
color3: #ab7aad,
|
|
|
|
|
color4: #897cad,
|
|
|
|
|
color5: #7794ce,
|
|
|
|
|
color6: #64abb4,
|
|
|
|
|
color7: #6ba78c,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
bg: rgb(244, 244, 248),
|
|
|
|
|
bg-alt: rgb(230, 230, 234),
|
|
|
|
|
bg-transparent: rgba(254, 215, 102, 0.5),
|
|
|
|
|
fg: rgb(42, 183, 202),
|
|
|
|
|
fg-bold: rgb(42, 183, 202),
|
|
|
|
|
fg-light: rgba(254, 215, 102, 0.75),
|
|
|
|
|
border: rgba(254, 74, 73, 0.2),
|
|
|
|
|
border-alt: rgba(254, 74, 73, 0.075),
|
|
|
|
|
border-bg: rgba(254, 74, 73, 0.05),
|
|
|
|
|
border-darken: rgba(254, 215, 102, 0.85),
|
|
|
|
|
border-dark: rgba(254, 74, 73, 0.85),
|
|
|
|
|
accent: rgba(244, 91, 105, 1),
|
|
|
|
|
accent-dark: rgb(254, 215, 102),
|
|
|
|
|
|
|
|
|
|
invert: (
|
|
|
|
|
bg: rgb(244, 244, 248),
|
|
|
|
|
bg-alt: #222222,
|
|
|
|
|
fg: #ffffff,
|
|
|
|
|
fg-bold: #ffffff,
|
|
|
|
|
fg-light: #ffffff,
|
|
|
|
|
border: rgb(42, 183, 202),
|
|
|
|
|
border-alt: rgba(42, 183, 202, 0.25),
|
|
|
|
|
border-bg: rgba(254, 215, 102, 0.125),
|
|
|
|
|
accent: #47D3E5,
|
|
|
|
|
),
|
|
|
|
|
);
|
