sakrecoer-mother-web/_sass/libs/_vars.scss

85 lines
1.8 KiB
SCSS
Raw Permalink Normal View History

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,
),
);