| ... | ... |
@@ -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; |