gl-website-deployer/assets/static/sass/libs/_vars.scss
2024-11-19 09:35:33 +01:00

70 lines
1.8 KiB
SCSS

// Misc.
$misc: (
z-index-base: 10000,
max-features: 20,
max-sidebar-links: 20
);
// Duration.
$duration: (
transition: 0.2s,
activation: 1s
);
// Size.
$size: (
border-radius: 0.25em,
border-width: 1px,
element-height: 2.75em,
element-margin: 2em,
sidebar-width: 18em,
sidebar-height: 3.5em, // when <=large is active
inner-width: 75em
);
// Font.
$font: (
family: (Arial, Helvetica, sans-serif),
family-fixed: ('Courier New', monospace),
weight: normal,
weight-bold: bold,
kerning-alt: 0.25em
);
// Palette.
$palette: (
bg: #335, //aaaaff,
bg-alt: darken(#335, 5),
bg-main: #114,
fg: rgba(255,255,255,0.55),
shade-spot-color: rgba(100,230, 230, 0.4),
fg-bold: rgb(255, 255 , 255),
fg-light: rgba(255, 255,255,0.35),
border: rgba(100,100,100,0.65),
border-bg: rgba(120,120,120,0.15),
accent1: darken(#224, 2),
accent1-alt: darken(#334, 5),
accent2: darken(#335, 2),
accent2-alt: darken(#335, 10),
accent3: #224,
accent3-alt: darken(#224, 10),
accent1-uline: #ff0000,
accent3-uline: #0000ff,
gradient1: #909090,
gradient3: #702020,
// bg: #312450,
// bg-alt: darken(#312450, 5),
// fg: rgba(255,255,255,0.55),
// fg-bold: #ffffff,
// fg-light: rgba(255,255,255,0.35),
// border: rgba(255,255,255,0.15),
// border-bg: rgba(255,255,255,0.05),
// accent1: #5e42a6,
// accent1-alt: darken(#5e42a6, 10),
// accent2: #5052b5,
// accent2-alt: darken(#5052b5, 10),
// accent3: #b74e91,
// accent3-alt: darken(#b74e91, 10)
);