_variables.scss
1 |
|
2 |
$uhasselt-color: #E73B2B; |
3 |
$fos-color: #0076BE; |
4 |
$fots-color: #C0D633; |
5 |
$foaaa-color: #F4802D; |
6 |
$fobe-color: #00ACEE; |
7 |
$fomals-color: #9C3591; |
8 |
$foet-color: #5BC4BA; |
9 |
$fol-color: #E41F3A; |
10 |
|
11 |
$colors: ( |
12 |
"uhasselt": $uhasselt-color, |
13 |
"fos": $fos-color, |
14 |
"fots": $fots-color, |
15 |
"foaaa": $foaaa-color, |
16 |
"fobe": $fobe-color, |
17 |
"fomals": $fomals-color, |
18 |
"foet": $foet-color, |
19 |
"fol": $fol-color, |
20 |
); |
21 |
|
22 |
@each $color_name, $color_value in $colors { |
23 |
.#{$color_name} { |
24 |
background-color: $color_value; |
25 |
} |
26 |
.#{$color_name}-text { |
27 |
color: $color_value; |
28 |
} |
29 |
} |
30 |
|
31 |
|
32 |
$header-padding: 1%; |
33 |
$header-width: 20%; |
34 |