2022-04-03 01:20:54 +02:00
|
|
|
|
|
|
|
|
// COLORS
|
2022-07-06 02:12:30 +02:00
|
|
|
$green: #9AA644
|
2022-04-03 01:20:54 +02:00
|
|
|
$cyan: #93C5FD
|
2022-07-06 02:12:30 +02:00
|
|
|
$blue: #6380A6
|
2022-04-03 01:20:54 +02:00
|
|
|
$purple: #9550AD
|
2022-07-06 02:12:30 +02:00
|
|
|
$pink: #F26D91
|
|
|
|
|
$red: #da3944
|
|
|
|
|
$orange: #D68E36
|
2022-04-03 01:20:54 +02:00
|
|
|
$grey: #777777
|
2022-07-06 02:12:30 +02:00
|
|
|
$primary: $orange
|
2022-04-03 01:20:54 +02:00
|
|
|
$info: $blue
|
2022-07-06 02:12:30 +02:00
|
|
|
$link: $orange
|
|
|
|
|
$danger: $pink
|
|
|
|
|
|
|
|
|
|
$black: hsl(28, 15%, 4%)
|
|
|
|
|
$black-bis: hsl(28, 15%, 7%)
|
|
|
|
|
$black-ter: hsl(28, 15%, 14%)
|
|
|
|
|
|
|
|
|
|
$grey-darker: hsl(28, 15%, 21%)
|
|
|
|
|
$grey-dark: hsl(28, 15%, 29%)
|
|
|
|
|
$grey: hsl(28, 15%, 48%)
|
|
|
|
|
$grey-light: hsl(28, 15%, 71%)
|
|
|
|
|
$grey-lighter: hsl(28, 15%, 86%)
|
|
|
|
|
$grey-lightest: hsl(28, 15%, 93%)
|
|
|
|
|
|
|
|
|
|
$white-ter: hsl(28, 15%, 96%)
|
|
|
|
|
$white-bis: hsl(28, 15%, 98%)
|
|
|
|
|
$white: hsl(28, 15%, 100%)
|
2022-04-03 01:20:54 +02:00
|
|
|
|
|
|
|
|
// we use svg icons and have to adjust the height inside buttons
|
|
|
|
|
.button
|
|
|
|
|
.icon
|
|
|
|
|
&,
|
|
|
|
|
&.is-small,
|
|
|
|
|
&.is-medium,
|
|
|
|
|
&.is-large
|
|
|
|
|
height: 1.2em !important
|
|
|
|
|
|
2022-07-06 02:12:30 +02:00
|
|
|
$body-background-color: $white-bis
|
|
|
|
|
|
2022-04-03 01:20:54 +02:00
|
|
|
// Import only what you need from Bulma
|
|
|
|
|
@import "../node_modules/bulma/sass/utilities/_all.sass"
|
