... | ... |
@@ -45,6 +45,7 @@ $color-headline: $color-bg-secondary; |
45 | 45 |
$color-headline-invert: #ffffff; |
46 | 46 |
$color-link: $color-bg-secondary; |
47 | 47 |
$color-link-alt: #A69D8F; |
48 |
+$color-link-footer: mix(#fff,$color-bg-primary,30%); |
|
48 | 49 |
$color-text: $color-bg-primary; |
49 | 50 |
$color-text-info: $color-bg-quinary; |
50 | 51 |
$color-text-breadcrumb: #666666; |
... | ... |
@@ -66,12 +67,12 @@ $breakpoint-mobile: 599px; |
66 | 67 |
* Font sizes and defaults |
67 | 68 |
*/ |
68 | 69 |
$font-size-default: 20px; |
69 |
-$font-size-mainnav: 16px / $font-size-default * 100%; |
|
70 |
+$font-size-mainnav: 15px / $font-size-default * 100%; |
|
70 | 71 |
|
71 | 72 |
$font-weight-default: 400; |
72 | 73 |
$font-weight-bold: 700; |
73 | 74 |
|
74 |
-$line-height-default: 1.2; |
|
75 |
+$line-height-default: 1.5; |
|
75 | 76 |
|
76 | 77 |
/** |
77 | 78 |
* Shadow |
... | ... |
@@ -95,14 +96,14 @@ $field-radius: 0; |
95 | 96 |
$field-background-color: mix(#ffffff,$color-bg-quinary,80%); |
96 | 97 |
$field-background-color-ro: #eeeeee; |
97 | 98 |
$field-background-color-hl: mix($field-background-color,$color-bg-quinary,70%); |
98 |
-$button-background-color: $color-bg-tertiary; |
|
99 |
-$button-background-color-hl: $color-bg-secondary; |
|
99 |
+$button-background-color: $color-bg-secondary; |
|
100 |
+$button-background-color-hl: mix($color-bg-secondary,#fff,60%); |
|
100 | 101 |
$button-o-background-color-hl: $color-bg-secondary; |
101 | 102 |
|
102 |
-$field-border-color: #CFCAC1; |
|
103 |
-$field-border-color-hl: mix(#fff,$color-bg-quaternary,50%); |
|
104 |
-$button-border-color: $color-bg-tertiary; |
|
105 |
-$button-border-color-hl: $color-bg-secondary; |
|
103 |
+$field-border-color: $field-background-color; |
|
104 |
+$field-border-color-hl: $field-background-color-hl; |
|
105 |
+$button-border-color: $color-bg-secondary; |
|
106 |
+$button-border-color-hl: mix($color-bg-secondary,#fff,60%); |
|
106 | 107 |
$button-o-border-color: $color-bg-tertiary; |
107 | 108 |
$button-o-border-color-hl: $color-bg-secondary; |
108 | 109 |
|
... | ... |
@@ -112,7 +113,7 @@ $button-color: $color-text-invert; |
112 | 113 |
$button-color-hl: $color-text-invert; |
113 | 114 |
$button-o-color: $color-bg-tertiary; |
114 | 115 |
$button-o-color-hl: #ffffff; |
115 |
-$label-color: inherit; |
|
116 |
+$label-color: $color-bg-secondary; |
|
116 | 117 |
|
117 | 118 |
// Sizes & Paddings |
118 | 119 |
$field-padding-vertical: 3px; |
... | ... |
@@ -128,7 +129,7 @@ $button-border-width: 1px; |
128 | 129 |
|
129 | 130 |
$font-size-field: 14px / $font-size-default * 100%; |
130 | 131 |
$font-size-placeholder: 12px / $font-size-default * 1rem; |
131 |
-$font-size-button: 16px / $font-size-default * 100%; |
|
132 |
+$font-size-button: 14px / $font-size-default * 100%; |
|
132 | 133 |
|
133 | 134 |
// Font |
134 | 135 |
$font-family-form: $font-family; |
... | ... |
@@ -22,6 +22,7 @@ $color-bg-senary: #EDEBE8; |
22 | 22 |
$color-bg-lightergrey: #f3f3f3; |
23 | 23 |
$color-bg-lightgrey: #eaeaea; |
24 | 24 |
$color-bg-lightplatin: mix($color-bg-secondary,#fff,20%); |
25 |
+$color-bg-lightplatin: rgb(244,244,241); |
|
25 | 26 |
$color-bg-lightbrown: mix($color-bg-primary,#fff,70%); |
26 | 27 |
$color-bg-footer: #c7c1b8; |
27 | 28 |
$color-bg-footer2: #f4f4f1; |
... | ... |
@@ -21,7 +21,7 @@ $color-bg-quinary: #C2BCB2; |
21 | 21 |
$color-bg-senary: #EDEBE8; |
22 | 22 |
$color-bg-lightergrey: #f3f3f3; |
23 | 23 |
$color-bg-lightgrey: #eaeaea; |
24 |
-$color-bg-lightplatin: mix($color-bg-secondary,#fff,70%); |
|
24 |
+$color-bg-lightplatin: mix($color-bg-secondary,#fff,20%); |
|
25 | 25 |
$color-bg-lightbrown: mix($color-bg-primary,#fff,70%); |
26 | 26 |
$color-bg-footer: #c7c1b8; |
27 | 27 |
$color-bg-footer2: #f4f4f1; |
... | ... |
@@ -21,7 +21,10 @@ $color-bg-quinary: #C2BCB2; |
21 | 21 |
$color-bg-senary: #EDEBE8; |
22 | 22 |
$color-bg-lightergrey: #f3f3f3; |
23 | 23 |
$color-bg-lightgrey: #eaeaea; |
24 |
-$color-bg-footer: #353939; |
|
24 |
+$color-bg-lightplatin: mix($color-bg-secondary,#fff,70%); |
|
25 |
+$color-bg-lightbrown: mix($color-bg-primary,#fff,70%); |
|
26 |
+$color-bg-footer: #c7c1b8; |
|
27 |
+$color-bg-footer2: #f4f4f1; |
|
25 | 28 |
|
26 | 29 |
$color-white: #ffffff; |
27 | 30 |
$color-black: #000000; |
... | ... |
@@ -127,4 +130,4 @@ $font-size-placeholder: 12px / $font-size-default * 1rem; |
127 | 130 |
$font-size-button: 16px / $font-size-default * 100%; |
128 | 131 |
|
129 | 132 |
// Font |
130 |
-$font-family-form: $font-family; |
|
131 | 133 |
\ No newline at end of file |
134 |
+$font-family-form: $font-family; |
... | ... |
@@ -4,6 +4,7 @@ |
4 | 4 |
*/ |
5 | 5 |
$font-family: "livory", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
6 | 6 |
$font-family-alternate: "Montserrat", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
7 |
+$font-family-minion: "Montserrat", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|
7 | 8 |
$font-family-alternate-sc: "FFEurekaStdSc", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
8 | 9 |
$font-family-handwriting: "Carpenter", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
9 | 10 |
$font-family-icon: "icomoon"; |
... | ... |
@@ -13,7 +13,7 @@ $font-family-icon: "icomoon"; |
13 | 13 |
*/ |
14 | 14 |
$color-bg-primary: #442e2c; |
15 | 15 |
$color-bg-secondary: #aaa194; |
16 |
-$color-bg-tertiary: #000000; |
|
16 |
+$color-bg-tertiary: #dddad5; |
|
17 | 17 |
$color-bg-quaternary: #C48F3A; |
18 | 18 |
$color-bg-quaternary: #C69749; |
19 | 19 |
$color-bg-quinary: #C2BCB2; |
... | ... |
@@ -23,6 +23,7 @@ $color-bg-lightgrey: #eaeaea; |
23 | 23 |
$color-bg-footer: #353939; |
24 | 24 |
|
25 | 25 |
$color-white: #ffffff; |
26 |
+$color-black: #000000; |
|
26 | 27 |
|
27 | 28 |
$color-list-icon: #000000; |
28 | 29 |
|
... | ... |
@@ -31,9 +32,9 @@ $color-stroke-light: #ffffff; |
31 | 32 |
|
32 | 33 |
$color-shadow: rgba(#0a5680,0.75); |
33 | 34 |
|
34 |
-$color-nav: #000000; |
|
35 |
-$color-nav-invert: #ffffff; |
|
36 |
-$color-nav-hover: $color-bg-secondary; |
|
35 |
+$color-nav: $color-white; |
|
36 |
+$color-nav-invert: $color-black; |
|
37 |
+$color-nav-hover: $color-bg-primary; |
|
37 | 38 |
$color-nav-mobile: #ffffff; |
38 | 39 |
$color-headline: $color-bg-secondary; |
39 | 40 |
$color-headline-invert: #ffffff; |
... | ... |
@@ -60,7 +61,7 @@ $breakpoint-mobile: 599px; |
60 | 61 |
* Font sizes and defaults |
61 | 62 |
*/ |
62 | 63 |
$font-size-default: 20px; |
63 |
-$font-size-mainnav: 20px / $font-size-default * 100%; |
|
64 |
+$font-size-mainnav: 16px / $font-size-default * 100%; |
|
64 | 65 |
|
65 | 66 |
$font-weight-default: 400; |
66 | 67 |
$font-weight-bold: 700; |
... | ... |
@@ -2,8 +2,8 @@ |
2 | 2 |
/** |
3 | 3 |
* Fonts |
4 | 4 |
*/ |
5 |
-$font-family: "Roboto", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|
6 |
-$font-family-alternate: "kepler-std-display", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|
5 |
+$font-family: "livory", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|
6 |
+$font-family-alternate: "Montserrat", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|
7 | 7 |
$font-family-alternate-sc: "FFEurekaStdSc", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
8 | 8 |
$font-family-handwriting: "Carpenter", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
9 | 9 |
$font-family-icon: "icomoon"; |
... | ... |
@@ -35,7 +35,7 @@ $color-nav: #000000; |
35 | 35 |
$color-nav-invert: #ffffff; |
36 | 36 |
$color-nav-hover: $color-bg-secondary; |
37 | 37 |
$color-nav-mobile: #ffffff; |
38 |
-$color-headline: $color-bg-tertiary; |
|
38 |
+$color-headline: $color-bg-secondary; |
|
39 | 39 |
$color-headline-invert: #ffffff; |
40 | 40 |
$color-link: $color-bg-secondary; |
41 | 41 |
$color-link-alt: #A69D8F; |
... | ... |
@@ -59,10 +59,10 @@ $breakpoint-mobile: 599px; |
59 | 59 |
/** |
60 | 60 |
* Font sizes and defaults |
61 | 61 |
*/ |
62 |
-$font-size-default: 18px; |
|
62 |
+$font-size-default: 20px; |
|
63 | 63 |
$font-size-mainnav: 20px / $font-size-default * 100%; |
64 | 64 |
|
65 |
-$font-weight-default: 300; |
|
65 |
+$font-weight-default: 400; |
|
66 | 66 |
$font-weight-bold: 700; |
67 | 67 |
|
68 | 68 |
$line-height-default: 1.2; |
... | ... |
@@ -125,4 +125,4 @@ $font-size-placeholder: 12px / $font-size-default * 1rem; |
125 | 125 |
$font-size-button: 16px / $font-size-default * 100%; |
126 | 126 |
|
127 | 127 |
// Font |
128 |
-$font-family-form: $font-family; |
|
128 |
+$font-family-form: $font-family; |
|
129 | 129 |
\ No newline at end of file |
1 | 1 |
new file mode 100644 |
... | ... |
@@ -0,0 +1,128 @@ |
1 |
+@if not-imported("import_once_func") { @import "import_once_func"; } |
|
2 |
+/** |
|
3 |
+ * Fonts |
|
4 |
+ */ |
|
5 |
+$font-family: "Roboto", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|
6 |
+$font-family-alternate: "kepler-std-display", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|
7 |
+$font-family-alternate-sc: "FFEurekaStdSc", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|
8 |
+$font-family-handwriting: "Carpenter", -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; |
|
9 |
+$font-family-icon: "icomoon"; |
|
10 |
+ |
|
11 |
+/** |
|
12 |
+ * Colors |
|
13 |
+ */ |
|
14 |
+$color-bg-primary: #442e2c; |
|
15 |
+$color-bg-secondary: #aaa194; |
|
16 |
+$color-bg-tertiary: #000000; |
|
17 |
+$color-bg-quaternary: #C48F3A; |
|
18 |
+$color-bg-quaternary: #C69749; |
|
19 |
+$color-bg-quinary: #C2BCB2; |
|
20 |
+$color-bg-senary: #EDEBE8; |
|
21 |
+$color-bg-lightergrey: #f3f3f3; |
|
22 |
+$color-bg-lightgrey: #eaeaea; |
|
23 |
+$color-bg-footer: #353939; |
|
24 |
+ |
|
25 |
+$color-white: #ffffff; |
|
26 |
+ |
|
27 |
+$color-list-icon: #000000; |
|
28 |
+ |
|
29 |
+$color-stroke-grey: #cacaca; |
|
30 |
+$color-stroke-light: #ffffff; |
|
31 |
+ |
|
32 |
+$color-shadow: rgba(#0a5680,0.75); |
|
33 |
+ |
|
34 |
+$color-nav: #000000; |
|
35 |
+$color-nav-invert: #ffffff; |
|
36 |
+$color-nav-hover: $color-bg-secondary; |
|
37 |
+$color-nav-mobile: #ffffff; |
|
38 |
+$color-headline: $color-bg-tertiary; |
|
39 |
+$color-headline-invert: #ffffff; |
|
40 |
+$color-link: $color-bg-secondary; |
|
41 |
+$color-link-alt: #A69D8F; |
|
42 |
+$color-text: $color-bg-primary; |
|
43 |
+$color-text-info: $color-bg-quinary; |
|
44 |
+$color-text-breadcrumb: #666666; |
|
45 |
+$color-text-grey: #C4C0B7; |
|
46 |
+$color-text-invert: #ffffff; |
|
47 |
+$color-text-alt: $color-bg-secondary; |
|
48 |
+$color-text-light: #dfddd7; |
|
49 |
+$color-text-footer: #ffffff; |
|
50 |
+$color-text-summary: #8D877C; |
|
51 |
+ |
|
52 |
+/** |
|
53 |
+ * Breakpoints |
|
54 |
+ */ |
|
55 |
+$breakpoint-desktop: 1200px; |
|
56 |
+$breakpoint-tablet: 900px; |
|
57 |
+$breakpoint-mobile: 599px; |
|
58 |
+ |
|
59 |
+/** |
|
60 |
+ * Font sizes and defaults |
|
61 |
+ */ |
|
62 |
+$font-size-default: 18px; |
|
63 |
+$font-size-mainnav: 20px / $font-size-default * 100%; |
|
64 |
+ |
|
65 |
+$font-weight-default: 300; |
|
66 |
+$font-weight-bold: 700; |
|
67 |
+ |
|
68 |
+$line-height-default: 1.2; |
|
69 |
+ |
|
70 |
+/** |
|
71 |
+ * Shadow |
|
72 |
+ */ |
|
73 |
+$text-shadow-image: 0 2px 4px #000; |
|
74 |
+ |
|
75 |
+/** |
|
76 |
+ * Gutters |
|
77 |
+ */ |
|
78 |
+$gutter-default: floor((1 / 1200) * 1000000) / 1000000 * 20 * 100%; |
|
79 |
+//$gutter-default: 20px / $font-size-default * 1rem; |
|
80 |
+ |
|
81 |
+ |
|
82 |
+/** |
|
83 |
+ * Forms |
|
84 |
+ */ |
|
85 |
+// Radius |
|
86 |
+$field-radius: 0; |
|
87 |
+ |
|
88 |
+// Colors |
|
89 |
+$field-background-color: mix(#ffffff,$color-bg-quinary,80%); |
|
90 |
+$field-background-color-ro: #eeeeee; |
|
91 |
+$field-background-color-hl: mix($field-background-color,$color-bg-quinary,70%); |
|
92 |
+$button-background-color: $color-bg-tertiary; |
|
93 |
+$button-background-color-hl: $color-bg-secondary; |
|
94 |
+$button-o-background-color-hl: $color-bg-secondary; |
|
95 |
+ |
|
96 |
+$field-border-color: #CFCAC1; |
|
97 |
+$field-border-color-hl: mix(#fff,$color-bg-quaternary,50%); |
|
98 |
+$button-border-color: $color-bg-tertiary; |
|
99 |
+$button-border-color-hl: $color-bg-secondary; |
|
100 |
+$button-o-border-color: $color-bg-tertiary; |
|
101 |
+$button-o-border-color-hl: $color-bg-secondary; |
|
102 |
+ |
|
103 |
+$placeholder-color: $color-link-alt; |
|
104 |
+$field-color: $color-text; |
|
105 |
+$button-color: $color-text-invert; |
|
106 |
+$button-color-hl: $color-text-invert; |
|
107 |
+$button-o-color: $color-bg-tertiary; |
|
108 |
+$button-o-color-hl: #ffffff; |
|
109 |
+$label-color: inherit; |
|
110 |
+ |
|
111 |
+// Sizes & Paddings |
|
112 |
+$field-padding-vertical: 3px; |
|
113 |
+$field-padding-horizontal: 6px; |
|
114 |
+$field-padding: $field-padding-vertical $field-padding-horizontal; |
|
115 |
+$field-height: 35px; |
|
116 |
+$field-border-width: 1px; |
|
117 |
+$button-padding-vertical: 3px; |
|
118 |
+$button-padding-horizontal: 20px; |
|
119 |
+$button-padding: $button-padding-vertical $button-padding-horizontal; |
|
120 |
+$button-height: 35px; |
|
121 |
+$button-border-width: 1px; |
|
122 |
+ |
|
123 |
+$font-size-field: 14px / $font-size-default * 100%; |
|
124 |
+$font-size-placeholder: 12px / $font-size-default * 1rem; |
|
125 |
+$font-size-button: 16px / $font-size-default * 100%; |
|
126 |
+ |
|
127 |
+// Font |
|
128 |
+$font-family-form: $font-family; |