40 lines
1.1 KiB
SCSS
40 lines
1.1 KiB
SCSS
@use "sass:color";
|
|
|
|
// * COLORS
|
|
$color-white: #fff;
|
|
$color-light: #fff9f0;
|
|
$color-dark: #000;
|
|
$color-success: #5ea600;
|
|
$color-danger: #f30066;
|
|
$color-info: #5883a3;
|
|
$color-warning: #ffc06c;
|
|
$color-primary: #e30613;
|
|
$color-secondary: #005d89;
|
|
$color-tertiary: #0972b4;
|
|
$color-quad: #1d88b9;
|
|
$color-quint: #a1aab4;
|
|
$color-yellow: #FFED3B;
|
|
|
|
// * BACKGROUNDS COLORS
|
|
$bg-lightened: $color-light;
|
|
$bg-darkened: $color-dark;
|
|
$bg-action: $color-primary;
|
|
|
|
// * FONTS COLORS
|
|
$color-default-titles: $color-primary;
|
|
$color-default-texts: $color-dark;
|
|
|
|
// * FONTS
|
|
$font-default-family-base: "Barlow Condensed Semi Bold", sans-serif; // - The default site font family.
|
|
$font-default-size-base: 1rem; // Assumes the browser default, typically `16px`
|
|
$line-default-height-base: 1.65;
|
|
|
|
// * Inputs
|
|
$input-bg: color.adjust($color-tertiary, $lightness: 45%);
|
|
$input-color: color.adjust($color-tertiary, $lightness: -10%);
|
|
$input-focus-border-color: color.adjust($color-tertiary, $lightness: 45%);
|
|
|
|
// * Cookie Notice
|
|
$ck-primary-color: $color-primary;
|
|
$ck-secondary-color: color.adjust($color-primary, $lightness: -10%);
|
|
$ck-background-color: $color-light;
|