57 lines
1.7 KiB
SCSS
57 lines
1.7 KiB
SCSS
$main-pc: hsl(25,84,88); //#fbe9d7;
|
|
$main-gradient-light: hsl(25,84,92);
|
|
$main-gradient-dark: hsl(25,84,84);
|
|
$main-light-pc: lighten($main-pc,15%);
|
|
$main-dark-pc: darken($main-pc,25%);
|
|
$main-sc: #f6d5f7;
|
|
$main-light-sc: lighten($main-sc,15%);
|
|
$main-dark-sc: darken($main-sc,15%);
|
|
|
|
$icon-primary: hsl(0,96,25);
|
|
$icon-secondary: hsl(0,100,55);
|
|
|
|
$text-color: darken($main-pc,70%);
|
|
|
|
$black: hsl(0, 0%, 4%) !default;
|
|
$black-bis: hsl(0, 0%, 7%) !default;
|
|
$black-ter: hsl(0, 0%, 14%) !default;
|
|
|
|
$grey-darker: hsl(0, 0%, 21%) !default;
|
|
$grey-dark: hsl(0, 0%, 29%) !default;
|
|
$grey: hsl(0, 0%, 48%) !default;
|
|
$grey-light: hsl(0, 0%, 71%) !default;
|
|
$grey-lighter: hsl(0, 0%, 86%) !default;
|
|
|
|
$white-ter: hsl(0, 4%, 96%) !default;
|
|
$white-bis: hsl(0, 4%, 98%) !default;
|
|
$white: hsl(0, 4%, 99.8%) !default;
|
|
$danger: hsl(0, 82%, 91%);
|
|
$warning: hsl(48, 82%, 91%);
|
|
$info: hsl(196, 82%, 91%);
|
|
|
|
:root {
|
|
--background: $main-pc;
|
|
--text-color: $text-color;
|
|
--black: $black;
|
|
--black-bis: $black-bis;
|
|
--black-ter: $black-ter;
|
|
--white: $white;
|
|
--primary-color: $main-pc;
|
|
--primary-color-light: $main-light-pc;
|
|
--primary-color-dark: $main-dark-pc;
|
|
--primary-gradiend-light: $main-gradient-light;
|
|
--primary-gradiend-dark: $main-gradient-dark;
|
|
--secondary-color: $main-sc;
|
|
--secondary-color-light: $main-light-sc;
|
|
--secondary-color-dark: $main-dark-sc;
|
|
--light-shadow: rgba($main-light-pc, .5);
|
|
--dark-shadow: rgba($main-dark-pc, .5);
|
|
/* --fa-primary-color: $text-color;
|
|
--fa-secondary-color: $main-dark-pc;
|
|
--fa-primary-opacity: 0.80;
|
|
--fa-secondary-opacity: 0.80;*/
|
|
--danger-color: $danger;
|
|
--warning-color: $warning;
|
|
--info-color: $info;
|
|
}
|