Browse code

Update

Benjamin Roth authored on28/03/2023 09:47:26
Showing1 changed files
... ...
@@ -240,13 +240,53 @@ html {
240 240
         background-color: #FFC107;
241 241
       }
242 242
 
243
+      &affenflasche,
244
+      &bluetenedition,
245
+      &das_besondere_fass,
246
+      &extra_gelb {
247
+        --bs-headline-color: var(--bs-anthracite);
248
+        * {
249
+          color: var(--bs-anthracite);
250
+          border-color: var(--bs-anthracite);
251
+        }
252
+        .btn {
253
+          --bs-btn-color: var(--bs-anthracite);
254
+          --bs-btn-hover-bg: var(--bs-anthracite);
255
+          --bs-btn-active-bg: var(--bs-anthracite);
256
+          --bs-btn-border-color: var(--bs-anthracite);
257
+          --bs-btn-hover-border-color: var(--bs-anthracite);
258
+          --bs-btn-active-border-color: var(--bs-anthracite);
259
+          --bs-btn-hover: var(--bs-anthracite);
260
+
261
+          &:hover,
262
+          &:active {
263
+            > i
264
+            {
265
+              color: inherit;
266
+            }
267
+          }
268
+        }
269
+
270
+        .pagination {
271
+          --bs-pagination-color: var(--bs-anthracite);
272
+          --bs-pagination-hover-color: var(--bs-light);
273
+          --bs-pagination-active-color: var(--bs-light);
274
+          --bs-pagination-bg: transparent;
275
+          --bs-pagination-hover-bg: var(--bs-anthracite);
276
+          --bs-pagination-active-bg: var(--bs-anthracite);
277
+          --bs-pagination-border-color: var(--bs-anthracite);
278
+          --bs-pagination-hover-border-color: var(--bs-anthracite);
279
+          --bs-pagination-active-border-color: var(--bs-anthracite);
280
+        }
281
+      }
282
+
243 283
       &selektion_klaer,
244 284
       &winzeredition,
245 285
       &monkeymountain,
246 286
       &buddelflasche,
247 287
       &sekt_secco {
248 288
         --bs-headline-color: var(--bs-light);
249
-        * {
289
+        :not(dropdown) * {
250 290
           color: var(--bs-light);
251 291
           border-color: var(--bs-light);
252 292
         }
Browse code

Update

Benjamin Roth authored on24/03/2023 16:12:06
Showing1 changed files
... ...
@@ -198,7 +198,13 @@ html {
198 198
 
199 199
         :not(:first-child) {
200 200
           .page-link {
201
-            margin-left: -2px;
201
+            margin-left: 0;
202
+            border-left-width: 0;
203
+          }
204
+        }
205
+        :not(:last-child) {
206
+          .page-link {
207
+            border-right-width: 1px;
202 208
           }
203 209
         }
204 210
       }
... ...
@@ -247,6 +253,18 @@ html {
247 253
         .btn {
248 254
           --bs-btn-color: var(--bs-light);
249 255
         }
256
+
257
+        .pagination {
258
+          --bs-pagination-color: var(--bs-light);
259
+          --bs-pagination-hover-color: var(--bs-primary);
260
+          --bs-pagination-active-color: var(--bs-primary);
261
+          --bs-pagination-bg: transparent;
262
+          --bs-pagination-hover-bg: var(--bs-light);
263
+          --bs-pagination-active-bg: var(--bs-light);
264
+          --bs-pagination-border-color: var(--bs-light);
265
+          --bs-pagination-hover-border-color: var(--bs-light);
266
+          --bs-pagination-active-border-color: var(--bs-light);
267
+        }
250 268
       }
251 269
     }
252 270
 
Browse code

Update remote

Benjamin Roth authored on24/03/2023 11:24:53
Showing1 changed files
... ...
@@ -148,6 +148,108 @@ html {
148 148
 
149 149
       }
150 150
     }
151
+
152
+    .shop--spartipp {
153
+      border: 1px solid var(--bs-primary);
154
+      padding: 10px 15px;
155
+      position: relative;
156
+
157
+      h5:is(h5) {
158
+        margin-bottom: .75rem;
159
+        text-transform: none;
160
+        font-weight: 700;
161
+        line-height: 42px;
162
+        padding-left: 48px;
163
+        padding-right: 48px;
164
+        @include font-size(22px);
165
+        text-align: center;
166
+
167
+      }
168
+
169
+      p {
170
+        line-height: 1.3;
171
+      }
172
+
173
+      .ico {
174
+        position: absolute;
175
+        left: 15px;
176
+        top: 10px;
177
+        font-size: 42px;
178
+      }
179
+    }
180
+
181
+    .pagination-wrapper {
182
+      padding-top: 2.5rem;
183
+
184
+      .pagination {
185
+        justify-content: flex-end;
186
+
187
+        --bs-pagination-color: var(--bs-primary);
188
+        --bs-pagination-hover-color: var(--bs-light);
189
+        --bs-pagination-active-color: var(--bs-light);
190
+        --bs-pagination-bg: transparent;
191
+        --bs-pagination-hover-bg: var(--bs-primary);
192
+        --bs-pagination-active-bg: var(--bs-primary);
193
+        --bs-pagination-border-color: var(--bs-primary);
194
+        --bs-pagination-hover-border-color: var(--bs-primary);
195
+        --bs-pagination-active-border-color: var(--bs-primary);
196
+        --bs-pagination-border-radius: 1.5rem;
197
+        --bs-pagination-border-width: 2px;
198
+
199
+        :not(:first-child) {
200
+          .page-link {
201
+            margin-left: -2px;
202
+          }
203
+        }
204
+      }
205
+    }
206
+
207
+    /** Backgrounds Weinlinien **/
208
+    .bg- {
209
+      &affenflasche {
210
+        background-color: #1d5e41;
211
+      }
212
+      &bluetenedition {
213
+        background-color: #FFA6C3;
214
+      }
215
+      &buddelflasche {
216
+        background-color: #FF9D3D;
217
+      }
218
+      &das_besondere_fass {
219
+        background-color: #B7C6CE;
220
+      }
221
+      &selektion_klaer {
222
+        background-color: #333366;
223
+      }
224
+      &sekt_secco {
225
+        background-color: #981A67;
226
+      }
227
+      &winzeredition {
228
+        background-color: #A3243F;
229
+      }
230
+      &monkeymountain {
231
+        background-color: #43A39C;
232
+      }
233
+      &extra_gelb {
234
+        background-color: #FFC107;
235
+      }
236
+
237
+      &selektion_klaer,
238
+      &winzeredition,
239
+      &monkeymountain,
240
+      &buddelflasche,
241
+      &sekt_secco {
242
+        --bs-headline-color: var(--bs-light);
243
+        * {
244
+          color: var(--bs-light);
245
+          border-color: var(--bs-light);
246
+        }
247
+        .btn {
248
+          --bs-btn-color: var(--bs-light);
249
+        }
250
+      }
251
+    }
252
+
151 253
   }
152 254
 }
153 255
 
Browse code

Update remote

Benjamin Roth authored on20/03/2023 16:17:59
Showing1 changed files
... ...
@@ -67,6 +67,87 @@ html {
67 67
     @import "elements/tooltips";
68 68
     @import "elements/alerts";
69 69
     @import "_theme/includes";
70
+
71
+    .mod_newsreader {
72
+      p.back {
73
+        margin-top: 1.5rem;
74
+      }
75
+    }
76
+
77
+    .mod_eventlist {
78
+      .row {
79
+        .event {
80
+          height: 100%;
81
+          padding-bottom: 60px;
82
+          position: relative;
83
+
84
+          time {
85
+            font-weight: 700;
86
+          }
87
+
88
+          .event--image-wrapper {
89
+            @include aspect-ratio(1,1);
90
+          }
91
+
92
+          .event--content-wrapper {
93
+
94
+            .event--button {
95
+              position: absolute;
96
+              left: 0;
97
+              right: 0;
98
+              bottom: 0;
99
+              text-align: center;
100
+            }
101
+          }
102
+        }
103
+      }
104
+    }
105
+
106
+    .ce_rsce_equalboxfield {
107
+      &.colored_tiles {
108
+
109
+        .ce--equalboxfield {
110
+          > .row {
111
+            > div {
112
+              @include aspect-ratio(1,1);
113
+
114
+              .box--element.box--element {
115
+                > .row,
116
+                > .row > .col {
117
+                  height: 100%;
118
+                }
119
+                .box--details {
120
+                  height: 100%;
121
+                  justify-content: center !important;
122
+                  padding: 4.5rem 1.5rem 1.5rem;
123
+                  position: relative;
124
+
125
+                  .box--headline {
126
+                    position: absolute;
127
+                    top: 1.5rem;
128
+                    left: 1.5rem;
129
+                    right: 1.5rem;
130
+                  }
131
+                  .box--text {
132
+                    margin-top: 0;
133
+                    max-height: 100%;
134
+                    display: flex;
135
+                    justify-content: center;
136
+
137
+                    img {
138
+                      max-height: 100%;
139
+                      height: 100%;
140
+                      width: auto;
141
+                    }
142
+                  }
143
+                }
144
+              }
145
+            }
146
+          }
147
+        }
148
+
149
+      }
150
+    }
70 151
   }
71 152
 }
72 153
 
Browse code

Update

Benjamin Roth authored on17/03/2023 09:52:56
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,73 @@
1
+@import "mixins";
2
+@import "variables-layout";
3
+@import "_theme/variables-layout";
4
+
5
+@import "_theme/fonts";
6
+@import "../_vendor/vendor";
7
+
8
+@import "root-variables";
9
+@import "scss-variables";
10
+@import "_theme/variables";
11
+
12
+@import "scaffolding/helper-classes";
13
+@import "scaffolding/typo";
14
+@import "scaffolding/forms";
15
+@import "scaffolding/buttons";
16
+@import "scaffolding/spacing";
17
+@import "scaffolding/hacks";
18
+
19
+
20
+html {
21
+  scroll-behavior: smooth;
22
+  font-size: var(--bs-body-font-size);
23
+
24
+  body {
25
+    transition: padding-top 0.5s ease, opacity 0.25s ease;
26
+    opacity: 0;
27
+
28
+    *[id] {
29
+      scroll-behavior: smooth;
30
+      scroll-margin-top: 175px;
31
+    }
32
+
33
+    &.is--scrolling {
34
+      *[id] {
35
+        scroll-behavior: smooth;
36
+        scroll-margin-top: 100px;
37
+      }
38
+    }
39
+
40
+    &#tinymce {
41
+      @include padding(7px 12px);
42
+      opacity: 1;
43
+    }
44
+
45
+    @import "areas/header";
46
+    @import "areas/main";
47
+    @import "areas/aside";
48
+    @import "areas/footer";
49
+
50
+    @import "elements/elements";
51
+    @import "elements/navigation";
52
+    @import "elements/modal";
53
+    @import "elements/form-elements";
54
+    @import "elements/slider";
55
+    @import "elements/news";
56
+    @import "elements/events";
57
+    @import "elements/contao-accordions";
58
+    @import "elements/ce_downloads";
59
+    @import "elements/ce_image";
60
+    @import "elements/ce_gallery";
61
+    @import "elements/megamenu";
62
+    @import "elements/breadcrumb";
63
+    @import "elements/mmenu";
64
+    @import "elements/offcanvas";
65
+    @import "elements/search";
66
+    @import "elements/fixed-stoerer-base";
67
+    @import "elements/tooltips";
68
+    @import "elements/alerts";
69
+    @import "_theme/includes";
70
+  }
71
+}
72
+
73
+@import "_theme/styles";