Browse code

Update

Benjamin Roth authored on17/03/2023 09:52:56
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,347 @@
1
+html body {
2
+  -moz-osx-font-smoothing: grayscale;
3
+  -webkit-font-smoothing: antialiased;
4
+  -moz-hyphens: auto;
5
+  -ms-hyphens: auto;
6
+  -webkit-hyphens: auto;
7
+  hyphens: auto;
8
+  color: var(--bs-body-color);
9
+
10
+  *:focus,
11
+  *:active {
12
+    outline: 0px;
13
+  }
14
+
15
+  img {
16
+    max-width: 100%;
17
+    height: auto;
18
+    width: auto;
19
+  }
20
+
21
+  strong, b {
22
+    font-weight: $font-weight-bold;
23
+  }
24
+
25
+  iframe, embed {
26
+    width: 100%;
27
+  }
28
+
29
+  video {
30
+    width: 100%;
31
+    max-height: 100%;
32
+  }
33
+
34
+  a {
35
+    transition: color 0.3s ease;
36
+    color: var(--bs-primary);
37
+
38
+    &:hover {
39
+      color: var(--bs-secondary);
40
+    }
41
+  }
42
+
43
+  span:not([data-bs-toggle="dropdown"]) {
44
+    line-height: var(--bs-body-line-height);
45
+  }
46
+
47
+  p {
48
+    line-height: var(--bs-body-line-height-lg);
49
+    //overflow: auto;
50
+
51
+    /*
52
+    &.error {
53
+      //@extend .bg-danger;
54
+      //@extend .alert;
55
+      color: var(--bs-body-color-inverse);
56
+      font-size: 1rem;
57
+      font-weight: $font-weight-normal;
58
+      width: 100%;
59
+
60
+    }
61
+    */
62
+    > a.alert {
63
+      margin-top: 0px;
64
+      margin-bottom: 0px;
65
+    }
66
+
67
+    &:last-child {
68
+      margin-bottom: 0px;
69
+    }
70
+
71
+    & + h2,
72
+    & + .h2 {
73
+      margin-top: 2rem;
74
+    }
75
+  }
76
+
77
+  h6,
78
+  .h6,
79
+  h5,
80
+  .h5,
81
+  h4,
82
+  .h4,
83
+  h3,
84
+  .h3,
85
+  h2,
86
+  .h2,
87
+  h1,
88
+  .h1 {
89
+    line-height: 1.2;
90
+    transition: color 0.3s ease;
91
+    color: var(--bs-headline-color);
92
+    font-weight: var(--bs-headline-font-weight);
93
+
94
+    > span {
95
+      display: block;
96
+    }
97
+  }
98
+
99
+  .ce--subline {
100
+    font-weight: $font-weight-bold;
101
+    color: var(--bs-primary);
102
+    @include font-size(22px);
103
+    display: block;
104
+    margin-bottom: $headline-spacing;
105
+    line-height: var(--bs-body-line-height);
106
+  }
107
+
108
+  .ce--topline {
109
+    font-weight: $font-weight-light;
110
+    color: var(--bs-primary);
111
+    @include font-size(22px);
112
+    display: block;
113
+    line-height: var(--bs-body-line-height);
114
+
115
+    &:not(:last-child) {
116
+      margin-bottom: .25rem;
117
+    }
118
+  }
119
+
120
+
121
+  h1,
122
+  .h1 {
123
+
124
+    margin-bottom: $headline-spacing;
125
+    display: block;
126
+
127
+    & + .ce--subline {
128
+      margin-top: -$headline-spacing / 1.25;
129
+      margin-bottom: $headline-spacing;
130
+      @include font-size(1.5rem);
131
+    }
132
+  }
133
+
134
+  h2,
135
+  .h2 {
136
+
137
+    margin-bottom: $headline-spacing / 1.75;
138
+    display: block;
139
+
140
+    & + .ce--subline {
141
+      margin-top: -$headline-spacing/2;
142
+      margin-bottom: $headline-spacing / 1.75;
143
+      @include font-size(1.5rem);
144
+    }
145
+  }
146
+
147
+  h3,
148
+  .h3 {
149
+    font-weight: var(--bs-font-weight-500);
150
+    margin-bottom: $headline-spacing / 2.5;
151
+    font-size: 1.5rem;
152
+    color: var(--bs-primary);
153
+    display: block;
154
+
155
+    & + .ce--subline {
156
+      margin-top: -$headline-spacing / 3;
157
+      margin-bottom: $headline-spacing / 3;
158
+    }
159
+  }
160
+
161
+  h4,
162
+  .h4 {
163
+    margin-bottom: $headline-spacing;
164
+
165
+    & + .ce--subline {
166
+      margin-top: -$headline-spacing/1.25;
167
+      margin-bottom: $headline-spacing;
168
+    }
169
+  }
170
+
171
+  main ul {
172
+    padding-left: 15px;
173
+
174
+    &:last-child {
175
+      margin-bottom: 0px;
176
+    }
177
+
178
+    &.list-downloads {
179
+      list-style-type: none;
180
+      padding: 0px;
181
+      margin: 0px;
182
+
183
+      > li {
184
+        position: relative;
185
+
186
+        &:not(:last-child) {
187
+          margin-bottom: 8px;
188
+        }
189
+
190
+        a {
191
+          text-decoration: none;
192
+          color: var(--bs-body-color);
193
+          padding-left: 35px;
194
+          display: block;
195
+
196
+          &:before {
197
+            @extend %fa-icon;
198
+            @extend .fal;
199
+            content: fa-content($fa-var-download);
200
+            position: absolute;
201
+            padding-right: rfs-value(10px);
202
+            color: var(--bs-primary);
203
+            left: 0;
204
+            top: 7px;
205
+          }
206
+        }
207
+      }
208
+    }
209
+  }
210
+
211
+  .table-responsive {
212
+    margin-bottom: 1rem;
213
+
214
+    &:last-child {
215
+      margin-bottom: 0px;
216
+    }
217
+
218
+    > table.table {
219
+      margin-top: 0px;
220
+    }
221
+  }
222
+
223
+  table.table {
224
+    margin-top: 1rem;
225
+    margin-bottom: 1rem;
226
+
227
+    &:last-child {
228
+      margin-bottom: 0px;
229
+    }
230
+
231
+    &.table-data {
232
+      @include font-size(14px);
233
+      margin-top: 0px;
234
+
235
+      tr {
236
+        td {
237
+          border-bottom: 0px;
238
+          padding-top: 0.25rem;
239
+          padding-bottom: 0.25rem;
240
+
241
+          &:first-child {
242
+            color: var(--bs-primary);
243
+            padding-left: 0px;
244
+            font-family: $font-family-tertiary;
245
+          }
246
+
247
+          &:last-child {
248
+            white-space: normal;
249
+          }
250
+        }
251
+      }
252
+    }
253
+
254
+    &.table-technical-data {
255
+      border: 0px;
256
+      width: 100% !important;
257
+      height: auto !important;
258
+      //margin-top: 2.5rem;
259
+
260
+      > thead {
261
+        > tr {
262
+          background-color: var(--bs-blue);
263
+
264
+          th {
265
+            color: var(--bs-body-color-inverse);
266
+          }
267
+        }
268
+      }
269
+
270
+      > tbody:first-child {
271
+        > tr {
272
+          &:first-child {
273
+            background-color: var(--bs-blue);
274
+
275
+            td {
276
+              color: var(--bs-body-color-inverse);
277
+            }
278
+          }
279
+        }
280
+      }
281
+
282
+      > tbody {
283
+        > tr {
284
+          &:nth-child(even) {
285
+            background-color: var(--bs-gray-300);
286
+          }
287
+
288
+          &:nth-child(odd) {
289
+            background-color: var(--bs-gray-400);
290
+          }
291
+
292
+
293
+          td {
294
+            padding: rfs-value(5px 10px);
295
+            width: auto !important;
296
+            height: auto !important;
297
+            border-bottom: 0px;
298
+            color: var(--bs-gray-700);
299
+          }
300
+        }
301
+      }
302
+    }
303
+
304
+    tr {
305
+      td {
306
+        width: auto;
307
+        white-space: nowrap;
308
+        height: auto;
309
+      }
310
+    }
311
+  }
312
+
313
+  a.alert {
314
+    text-decoration: none;
315
+
316
+    i {
317
+      @include font-size(22px);
318
+      margin-right: rfs-value(15px);
319
+      vertical-align: sub;
320
+    }
321
+  }
322
+}
323
+
324
+.text-primary {
325
+  color: $primary !important;
326
+}
327
+
328
+.text-secondary {
329
+  color: $secondary !important;
330
+}
331
+
332
+
333
+.dynamic-fontsize-lg {
334
+  font-size: calc(4.5vh + 4.5vw);
335
+  line-height: var(--bs-body-line-height-sm);
336
+}
337
+
338
+.dynamic-fontsize {
339
+  font-size: calc(3.5vh + 3.5vw);
340
+  line-height: var(--bs-body-line-height-sm);
341
+}
342
+
343
+
344
+.dynamic-fontsize-sm {
345
+  font-size: calc(2.5vh + 2.5vw);
346
+  line-height: var(--bs-body-line-height-sm);
347
+}
0 348
\ No newline at end of file