71 lines
2 KiB
SCSS
71 lines
2 KiB
SCSS
/*$wire-debug: false;*/
|
|
|
|
$color-white: #fff;
|
|
$color-very-light-grey: #e0e0e0;
|
|
$color-light-blue: #b9d4e3;
|
|
$color-blue: #d46ba3;
|
|
$color-blue2: #d4885c;
|
|
$color-grey: #ccc;
|
|
$color-dark-grey: #303951;
|
|
$color-very-dark-grey: #252c3e;
|
|
$color-red: #b02e2a;
|
|
|
|
$code-color: $color-blue;
|
|
|
|
$color-navigation-item-background: darken($color-dark-grey, 8%);
|
|
$color-navigation-item-background-active: lighten($color-dark-grey, 10%);
|
|
|
|
$color-small-menu-background: $color-dark-grey;
|
|
$color-wide-menu-background-from: $color-dark-grey;
|
|
$color-wide-menu-background-to: darken($color-dark-grey, 10%);
|
|
|
|
$color-header-background-from: $color-blue2;
|
|
$color-header-background-from: $color-blue2;
|
|
|
|
// $color-header-background-step0: #3dacce;
|
|
// $color-header-background-step1: #0685b3;
|
|
// $color-header-background-step2: #1fbaf2;
|
|
// $color-header-background-step3: #3dacce;
|
|
|
|
$color-header-background-step0: #d46ba3;
|
|
$color-header-background-step1: #d4885c;
|
|
$color-header-background-step2: #d4b25d;
|
|
$color-header-background-step3: #d46ba3;
|
|
|
|
// $color-header-background-step0: #c2410c;
|
|
// $color-header-background-step1: #b03f3f;
|
|
// $color-header-background-step2: #c26616;
|
|
// $color-header-background-step3: #c2410c;
|
|
|
|
// $color-header-background-step0: #6eb022;
|
|
// $color-header-background-step1: #578c1b;
|
|
// $color-header-background-step2: #8a8c2c;
|
|
// $color-header-background-step3: #6eb022;
|
|
|
|
$color-header-background-to: $color-blue;
|
|
$color-header-text: $color-white;
|
|
|
|
$color-body-text: $color-dark-grey;
|
|
$color-body-link-border: $color-blue;
|
|
$color-blockquote-border: $color-grey;
|
|
$color-hr-border: $color-grey;
|
|
$color-hr-background: $color-grey;
|
|
|
|
$color-content-background: $color-white;
|
|
|
|
$content-max-width: 1250px;
|
|
|
|
/* GIST compatiblity */
|
|
$color-code-border: #1d2231;
|
|
$color-code-background: hsl(0, 0%, 8%);
|
|
$color-code-text: #f8f8f2;
|
|
$color-code-mark-background: $color-light-blue;
|
|
$color-code-title-background: #1d2231;
|
|
$color-code-title-text: #e0e0e0;
|
|
/* --- */
|
|
|
|
:root {
|
|
--p: 328 55% 62.5%;
|
|
--pf: 194 90.6% 54.1%;
|
|
}
|