/
_custom-properties.scss
111 lines (93 loc) · 5.02 KB
/
_custom-properties.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/*-----------------------------------------------------------------------------------*/
/* CSS Custom Properties
/*-----------------------------------------------------------------------------------*/
:root {
// @each $variante, $colorcode in $colormap-primary {
// --color-primary-#{$variante}: #{$colorcode};
// }
@each $farbtyp, $map in $colormaps {
$colorcode: map-get($map, "basis");
--color-#{$farbtyp}-basis: #{$colorcode};
$colorcode: map-get($map, "basis-kontrast");
--color-#{$farbtyp}-basis-kontrast: #{$colorcode};
$colorcode: map-get($map, "ci-hell");
--color-#{$farbtyp}-ci-hell: #{$colorcode};
$colorcode: map-get($map, "ci-hell-kontrast");
--color-#{$farbtyp}-ci-hell-kontrast: #{$colorcode};
$colorcode: map-get($map, "ci-hell2");
--color-#{$farbtyp}-ci-hell2: #{$colorcode};
$colorcode: map-get($map, "ci-hell2-kontrast");
--color-#{$farbtyp}-ci-hell2-kontrast: #{$colorcode};
$colorcode: map-get($map, "dunkler");
--color-#{$farbtyp}-dunkler: #{$colorcode};
$colorcode: map-get($map, "dunkler-kontrast");
--color-#{$farbtyp}-dunkler-kontrast: #{$colorcode};
$colorcode: map-get($map, "dunkelste");
--color-#{$farbtyp}-dunkelste: #{$colorcode};
$colorcode: map-get($map, "dunkelste-kontrast");
--color-#{$farbtyp}-dunkelste-kontrast: #{$colorcode};
}
@each $variante, $colorcode in $colormap-misc {
--color-#{$variante}: #{$colorcode};
}
/* Branding color */
--color-branding-primary: #{$color-branding-primary};
--color-branding-zentral: #{$color-branding-zentral};
--color-branding-phil: #{$color-branding-phil};
--color-branding-med: #{$color-branding-med};
--color-branding-nat: #{$color-branding-nat};
--color-branding-rw: #{$color-branding-rw};
--color-branding-tf: #{$color-branding-tf};
/* Calculated Values */
--color-MetaHomeBackground: #{$colorMetaFAUHomeBackground};
--color-MetaHover: #{$colorMetaHover};
--color-MetaText: #fff;
--color-MetaBackgroundLight: #{$colorMetaLightest};
--color-FAU: #{$colorZUV};
--color-content-headlines: #{$color-content-headlines};
--color-links: #{$color-links};
--color-content-links: #{$color-content-links};
--color-content-links-underline: #{$color-content-links-underline};
--color-content-links-hover: #{$color-content-links-hover};
--color-button-text: #{$color_button_text};
--color-button-bg: #{$color_button_bg};
--color-button-hover-text: #{$color-button-hover-text};
--color-button-hover-bg: #{$color-button-hover-bg};
--color-ghostbutton-hover-text: #{$color-ghostbutton-hover-text};
--color-ghostbutton-hover-bg: #{$color-ghostbutton-hover-bg};
--color-footer-bg: #{$color-footer-bg};
--color-footer-text: #{$color-footer-text};
--color-hero-bg: #{$color-hero-bg};
--color-hero-text: #{$color-hero-text};
--color-mainmenu-toplevel-bg: #{$color-mainmenu-toplevel-bg};
--color-mainmenu-toplevel-text: #{$color-mainmenu-toplevel-text};
--color-mainmenu-toplevel-hover-text: #{$color-mainmenu-toplevel-hover-text};
--color-mainmenu-toplevel-hover-bg: #{$color-mainmenu-toplevel-hover-bg};
--color-mainmenu-sublevel-bg: #{$color-mainmenu-sublevel-bg};
--color-mainmenu-sublevel-text: #{$color-mainmenu-sublevel-text};
--color-mainmenu-sublevel-hover-text: #{$color-mainmenu-sublevel-hover-text};
--color-mainmenu-sublevel-hover-bg: #{$color-mainmenu-sublevel-hover-bg};
--color-mainmenu-sublevel-button-text: #{$color-mainmenu-sublevel-button-text};
--color-mainmenu-sublevel-button-bg: #{$color-mainmenu-sublevel-button-bg};
--color-mainmenu-sublevel-button-hover-text: #{$color-mainmenu-sublevel-button-hover-text};
--color-mainmenu-sublevel-button-hover-bg: #{$color-mainmenu-sublevel-button-hover-bg};
--color-submenu-toplevel-bg: #{$color-submenu-toplevel-bg};
--color-submenu-toplevel-text: #{$color-submenu-toplevel-text};
--color-submenu-toplevel-hover-text: #{$color-submenu-toplevel-hover-text};
--color-submenu-toplevel-hover-bg: #{$color-submenu-toplevel-hover-bg};
--color-submenu-active-bg: #{$color-submenu-active-bg};
--color-submenu-active-text: #{$color-submenu-active-text};
--color-submenu-hover-text: #{$color-submenu-hover-text};
--color-submenu-hover-bg: #{$color-submenu-hover-bg};
--color-submenu-currentlevel-text: #{$color-submenu-currentlevel-text};
--color-submenu-currentlevel-bg: #{$color-submenu-currentlevel-bg};
--color-submenu-sublevel-text: #{$color-submenu-sublevel-text};
--color-submenu-sublevel-bg: #{$color-submenu-sublevel-bg};
--color-submenu-currentpage-bg: #{$color-submenu-currentpage-bg};
--color-submenu-currentpage-text: #{$color-submenu-currentpage-text};
--color-menulink-hover-text: #{$color-menulink-hover-text};
--color-menulink-hover-bg: #{$color-menulink-hover-bg};
--border-radius: #{$default-border-radius};
--border-radius-buttons: #{$border-radius-buttons};
--devider-height: #{$default-devider-height};
}