webseite/assets/sass/libs/_vars.scss

56 lines
1.1 KiB
SCSS
Raw Normal View History

2018-02-25 00:49:23 +01:00
// Misc.
2019-02-12 17:45:44 +01:00
$misc: (
z-index-base: 10000,
z-index-overlay: 100000,
max-spotlight: 20
);
2018-02-25 00:49:23 +01:00
// Duration.
2019-02-12 17:45:44 +01:00
$duration: (
navPanel: 0.5s,
transition: 0.2s,
landing-fadein: 0.5s
);
2018-02-25 00:49:23 +01:00
// Size.
2019-02-12 17:45:44 +01:00
$size: (
border-radius: 4px,
element-height: 2.4em,
element-margin: 2em,
navPanel: 275px
);
2018-02-25 00:49:23 +01:00
// Font.
2019-02-12 17:45:44 +01:00
$font: (
family: ('Roboto', Helvetica, sans-serif),
family-fixed: ('Courier New', monospace),
2019-05-05 16:46:24 +02:00
weight: 300,
weight-bold: 400
2019-02-12 17:45:44 +01:00
);
2018-02-25 00:49:23 +01:00
// Palette.
2019-02-12 17:45:44 +01:00
$palette: (
bg: #1c1d26,
bg-transparent: rgba(23, 24, 32, 0.95),
bg-very-transparent: rgba(23, 24, 32, 0.9),
fg-bold: #ffffff,
fg: rgba(255,255, 255, 0.75),
fg-light: rgba(255, 255, 255, 0.5),
fg-lighter: rgba(255, 255, 255, 0.15),
border: rgba(255, 255, 255, 0.3),
border-bg: rgba(255, 255, 255, 0.075),
border2: rgba(255, 255, 255, 0.5),
border2-bg: rgba(255, 255, 255, 0.25),
accent3: #9B160F,
link: rgba(200, 200, 255, 0.75),
accent2: #272833,
accent2-transparent:rgba(39, 40, 51, 0.965),
accent1: #E64F2D,
accent4: #D74126
);
//pictures startpage
$picture-startpage: (
2019-05-05 16:46:24 +02:00
scroll-1: url(/images/home/abschnitt1.jpeg),
2019-02-12 17:45:44 +01:00
);