Browse code

Progress

Benjamin Roth authored on21/02/2023 19:42:19
Showing1 changed files
... ...
@@ -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;
Browse code

Progress live

Benjamin Roth authored on14/12/2022 13:32:50
Showing1 changed files
... ...
@@ -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;
Browse code

Progress

Benjamin Roth authored on12/12/2022 00:21:37
Showing1 changed files
... ...
@@ -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;
Browse code

Progress

Benjamin Roth authored on12/12/2022 00:17:47
Showing1 changed files
... ...
@@ -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;
Browse code

Remote Progress

Benjamin Roth authored on08/11/2022 13:28:37
Showing1 changed files
... ...
@@ -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";
Browse code

Progress

Benjamin Roth authored on07/11/2022 23:42:50
Showing1 changed files
... ...
@@ -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;
Browse code

Progress

Benjamin Roth authored on07/11/2022 18:15:35
Showing1 changed files
... ...
@@ -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
Browse code

Initial commit

Benjamin Roth authored on07/11/2022 09:19:06
Showing1 changed files
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;