@festo-ui/web-essentials 3.0.0-pre-20220105.3 → 3.0.0-pre-20220105.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,294 +0,0 @@
1
- footer.fwe-footer .fwe-social-media {
2
- display: flex;
3
- flex-direction: row;
4
- justify-content: center;
5
- padding: 24px 0px;
6
- border-bottom: 1px solid var(--fwe-control-border-darker);
7
- margin-bottom: 24px;
8
- }
9
- footer.fwe-footer .fwe-social-media .fwe-social-media-link {
10
- display: block;
11
- width: 32px;
12
- height: 32px;
13
- border-radius: 4px;
14
- margin-right: 24px;
15
- opacity: 0.3;
16
- transition: opacity 0.3s;
17
- }
18
- footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {
19
- margin-right: 0px;
20
- }
21
- footer.fwe-footer .fwe-social-media .fwe-social-media-link:hover {
22
- opacity: 1;
23
- }
24
- footer.fwe-footer .fwe-footer-details {
25
- padding-bottom: 24px;
26
- border-bottom: 1px solid var(--fwe-control-border-darker);
27
- }
28
- footer.fwe-footer .fwe-footer-details h4 {
29
- font-size: 16px;
30
- line-height: 24px;
31
- font-weight: 700;
32
- list-style-type: none;
33
- position: relative;
34
- margin-top: 0px;
35
- margin-bottom: 12px;
36
- }
37
- footer.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {
38
- padding-left: 0px;
39
- }
40
- footer.fwe-footer .fwe-footer-details p {
41
- padding-top: 8px;
42
- max-width: 320px;
43
- }
44
- footer.fwe-footer .fwe-footer-details:not(:first-child) {
45
- margin-top: 24px;
46
- }
47
- footer.fwe-footer .fwe-bottomline {
48
- font-size: 12px;
49
- padding-top: 70px;
50
- text-align: center;
51
- }
52
- footer.fwe-footer .fwe-bottomline .fwe-sitelinks {
53
- order: 2;
54
- }
55
- footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {
56
- padding-bottom: 8px;
57
- }
58
- footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {
59
- color: var(--fwe-control-border-darker);
60
- padding-right: 8px;
61
- }
62
- footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {
63
- padding-right: 0px;
64
- }
65
- footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {
66
- padding-bottom: 24px;
67
- }
68
- footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {
69
- color: var(--fwe-control-border-darker);
70
- padding-right: 8px;
71
- }
72
- footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {
73
- padding-right: 0px;
74
- }
75
- footer.fwe-footer .fwe-bottomline .fwe-copyright {
76
- display: flex;
77
- order: 1;
78
- justify-content: center;
79
- padding-bottom: 24px;
80
- color: var(--fwe-control-border-darker);
81
- }
82
-
83
- @media only screen and (min-width: 1281px) {
84
- footer.fwe-footer .fwe-footer-details {
85
- border-bottom: none;
86
- }
87
- footer.fwe-footer .fwe-footer-details h4 {
88
- margin-top: 24px;
89
- }
90
- footer.fwe-footer .fwe-footer-details:not(:first-child) {
91
- margin-top: 0px;
92
- }
93
- footer.fwe-footer .fwe-bottomline {
94
- font-size: 12px;
95
- padding-top: 70px;
96
- text-align: left;
97
- display: flex;
98
- }
99
- footer.fwe-footer .fwe-bottomline .fwe-sitelinks {
100
- text-align: right;
101
- margin-left: auto;
102
- display: flex;
103
- }
104
- footer.fwe-footer .fwe-social-media {
105
- margin-bottom: 0px;
106
- }
107
- }
108
- @media only screen and (min-width: 1441px) {
109
- footer.fwe-footer .fwe-social-media .fwe-social-media-link {
110
- width: 64px;
111
- height: 64px;
112
- margin-right: 42px;
113
- }
114
- footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {
115
- margin-right: 0px;
116
- }
117
- }
118
- .fwe-teaser-horbox {
119
- display: flex;
120
- background-color: var(--fwe-sucanul);
121
- }
122
-
123
- .fwe-teaser-horbox .fwe-teaser-horbox-img {
124
- background-color: var(--fwe-hero);
125
- flex: 1;
126
- }
127
-
128
- .fwe-teaser-horbox .fwe-teaser-horbox-content {
129
- flex: 1;
130
- display: inline-flex;
131
- flex-direction: column;
132
- padding: 24px;
133
- }
134
-
135
- .fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {
136
- align-self: flex-end;
137
- }
138
-
139
- .fwe-teaser-verbox {
140
- display: inline-flex;
141
- flex-direction: column;
142
- background-color: var(--fwe-sucanul);
143
- width: 100%;
144
- height: 100%;
145
- }
146
-
147
- .fwe-teaser-verbox .fwe-teaser-verbox-img {
148
- background-color: var(--fwe-hero);
149
- height: calc(50% - 12px);
150
- min-height: 186px;
151
- width: 100%;
152
- }
153
-
154
- .fwe-teaser-verbox h2 {
155
- padding-top: 24px;
156
- padding-left: 24px;
157
- padding-right: 24px;
158
- }
159
-
160
- .fwe-teaser-verbox p {
161
- padding-left: 24px;
162
- padding-right: 24px;
163
- }
164
-
165
- .fwe-teaser-verbox .fwe-teaser-more {
166
- align-self: flex-end;
167
- margin-bottom: 24px;
168
- margin-right: 24px;
169
- }
170
-
171
- .fwe-header-slider-container .fwe-header-slider-box {
172
- height: 142px;
173
- background-color: var(--fwe-hero);
174
- }
175
- .fwe-header-slider-container .fwe-header-slider {
176
- margin-top: -28px;
177
- margin-left: 12px;
178
- margin-right: 12px;
179
- }
180
-
181
- .fwe-header-slider {
182
- display: flex;
183
- flex-direction: column;
184
- padding: 24px 28px;
185
- background-color: var(--fwe-white);
186
- border-radius: 4px;
187
- box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
188
- }
189
- .fwe-header-slider .fwe-header-slider-content {
190
- display: inline-flex;
191
- flex-direction: column;
192
- }
193
- .fwe-header-slider .fwe-header-slider-content p {
194
- text-overflow: ellipsis;
195
- overflow: hidden;
196
- display: -webkit-box !important;
197
- -webkit-line-clamp: 2;
198
- -webkit-box-orient: vertical;
199
- white-space: normal;
200
- margin: 0;
201
- }
202
- .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {
203
- margin-top: 24px;
204
- justify-content: center;
205
- margin-left: 18px;
206
- margin-right: 18px;
207
- }
208
- .fwe-header-slider .fwe-pagination {
209
- align-self: center;
210
- margin-top: 24px;
211
- }
212
- .fwe-header-slider .fwe-header-slider-arrow-left,
213
- .fwe-header-slider .fwe-header-slider-arrow-right {
214
- display: none;
215
- }
216
-
217
- @media only screen and (min-width: 600px) {
218
- .fwe-header-slider-container .fwe-header-slider-box {
219
- height: 166px;
220
- }
221
- }
222
- @media only screen and (min-width: 769px) {
223
- .fwe-header-slider-container .fwe-header-slider-box {
224
- height: 341px;
225
- }
226
- .fwe-header-slider-container .fwe-header-slider {
227
- margin-top: -104px;
228
- }
229
- }
230
- @media only screen and (min-width: 1025px) {
231
- .fwe-header-slider-container .fwe-header-slider-box {
232
- height: 455px;
233
- }
234
- .fwe-header-slider-container .fwe-header-slider {
235
- position: relative;
236
- margin-top: -104px;
237
- }
238
-
239
- .fwe-header-slider {
240
- padding: 24px 112px;
241
- }
242
- .fwe-header-slider .fwe-header-slider-content {
243
- flex-direction: row;
244
- align-items: center;
245
- }
246
- .fwe-header-slider .fwe-header-slider-content p {
247
- -webkit-line-clamp: 3;
248
- }
249
- .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {
250
- justify-content: center;
251
- margin-top: 0;
252
- margin-left: 34px;
253
- margin-right: 0;
254
- min-width: 200px;
255
- }
256
- .fwe-header-slider .fwe-header-slider-arrow-left,
257
- .fwe-header-slider .fwe-header-slider-arrow-right {
258
- display: block;
259
- position: absolute;
260
- top: 50%;
261
- margin-top: 12px;
262
- transform: translateY(-50%);
263
- height: 48px;
264
- width: 48px;
265
- font-size: 48px;
266
- }
267
- .fwe-header-slider .fwe-header-slider-arrow-left {
268
- left: 24px;
269
- }
270
- .fwe-header-slider .fwe-header-slider-arrow-right {
271
- right: 24px;
272
- }
273
- }
274
- @media only screen and (min-width: 1441px) {
275
- .fwe-header-slider-container .fwe-header-slider-box {
276
- height: 640px;
277
- }
278
- .fwe-header-slider-container .fwe-header-slider {
279
- margin: auto;
280
- margin-top: -104px;
281
- width: 1096px;
282
- }
283
-
284
- .fwe-header-slider {
285
- padding: 24px 160px;
286
- }
287
- }
288
- @media only screen and (min-width: 1921px) {
289
- .fwe-header-slider-container .fwe-header-slider {
290
- width: 1192px;
291
- }
292
- }
293
-
294
- /*# sourceMappingURL=festo-web-essentials-organisms.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/organisms/_footer.scss","festo-web-essentials-organisms.css","../../../scss/_variables.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss"],"names":[],"mappings":"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","file":"festo-web-essentials-organisms.css","sourcesContent":[null,"footer.fwe-footer .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: 700;\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n padding-top: 8px;\n max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n font-size: 12px;\n padding-top: 70px;\n text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: 12px;\n padding-top: 70px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */\n",null,null,null]}
@@ -1,2 +0,0 @@
1
- footer.fwe-footer .fwe-social-media{display:flex;flex-direction:row;justify-content:center;padding:24px 0;border-bottom:1px solid var(--fwe-control-border-darker);margin-bottom:24px}footer.fwe-footer .fwe-social-media .fwe-social-media-link{display:block;width:32px;height:32px;border-radius:4px;margin-right:24px;opacity:.3;transition:opacity .3s}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}footer.fwe-footer .fwe-social-media .fwe-social-media-link:hover{opacity:1}footer.fwe-footer .fwe-footer-details{padding-bottom:24px;border-bottom:1px solid var(--fwe-control-border-darker)}footer.fwe-footer .fwe-footer-details h4{font-size:16px;line-height:24px;font-weight:700;list-style-type:none;position:relative;margin-top:0;margin-bottom:12px}footer.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item{padding-left:0}footer.fwe-footer .fwe-footer-details p{padding-top:8px;max-width:320px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:24px}footer.fwe-footer .fwe-bottomline{font-size:12px;padding-top:70px;text-align:center}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{order:2}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa{padding-bottom:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb{padding-bottom:24px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a{color:var(--fwe-control-border-darker);padding-right:8px}footer.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child{padding-right:0}footer.fwe-footer .fwe-bottomline .fwe-copyright{display:flex;order:1;justify-content:center;padding-bottom:24px;color:var(--fwe-control-border-darker)}@media only screen and (min-width:1281px){footer.fwe-footer .fwe-footer-details{border-bottom:none}footer.fwe-footer .fwe-footer-details h4{margin-top:24px}footer.fwe-footer .fwe-footer-details:not(:first-child){margin-top:0}footer.fwe-footer .fwe-bottomline{font-size:12px;padding-top:70px;text-align:left;display:flex}footer.fwe-footer .fwe-bottomline .fwe-sitelinks{text-align:right;margin-left:auto;display:flex}footer.fwe-footer .fwe-social-media{margin-bottom:0}}@media only screen and (min-width:1441px){footer.fwe-footer .fwe-social-media .fwe-social-media-link{width:64px;height:64px;margin-right:42px}footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child{margin-right:0}}.fwe-teaser-horbox{display:flex;background-color:var(--fwe-sucanul)}.fwe-teaser-horbox .fwe-teaser-horbox-img{background-color:var(--fwe-hero);flex:1}.fwe-teaser-horbox .fwe-teaser-horbox-content{flex:1;display:inline-flex;flex-direction:column;padding:24px}.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more{align-self:flex-end}.fwe-teaser-verbox{display:inline-flex;flex-direction:column;background-color:var(--fwe-sucanul);width:100%;height:100%}.fwe-teaser-verbox .fwe-teaser-verbox-img{background-color:var(--fwe-hero);height:calc(50% - 12px);min-height:186px;width:100%}.fwe-teaser-verbox h2{padding-top:24px;padding-left:24px;padding-right:24px}.fwe-teaser-verbox p{padding-left:24px;padding-right:24px}.fwe-teaser-verbox .fwe-teaser-more{align-self:flex-end;margin-bottom:24px;margin-right:24px}.fwe-header-slider-container .fwe-header-slider-box{height:142px;background-color:var(--fwe-hero)}.fwe-header-slider-container .fwe-header-slider{margin-top:-28px;margin-left:12px;margin-right:12px}.fwe-header-slider{display:flex;flex-direction:column;padding:24px 28px;background-color:var(--fwe-white);border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.2)}.fwe-header-slider .fwe-header-slider-content{display:inline-flex;flex-direction:column}.fwe-header-slider .fwe-header-slider-content p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;margin:0}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{margin-top:24px;justify-content:center;margin-left:18px;margin-right:18px}.fwe-header-slider .fwe-pagination{align-self:center;margin-top:24px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:none}@media only screen and (min-width:600px){.fwe-header-slider-container .fwe-header-slider-box{height:166px}}@media only screen and (min-width:769px){.fwe-header-slider-container .fwe-header-slider-box{height:341px}.fwe-header-slider-container .fwe-header-slider{margin-top:-104px}}@media only screen and (min-width:1025px){.fwe-header-slider-container .fwe-header-slider-box{height:455px}.fwe-header-slider-container .fwe-header-slider{position:relative;margin-top:-104px}.fwe-header-slider{padding:24px 112px}.fwe-header-slider .fwe-header-slider-content{flex-direction:row;align-items:center}.fwe-header-slider .fwe-header-slider-content p{-webkit-line-clamp:3}.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero{justify-content:center;margin-top:0;margin-left:34px;margin-right:0;min-width:200px}.fwe-header-slider .fwe-header-slider-arrow-left,.fwe-header-slider .fwe-header-slider-arrow-right{display:block;position:absolute;top:50%;margin-top:12px;transform:translateY(-50%);height:48px;width:48px;font-size:48px}.fwe-header-slider .fwe-header-slider-arrow-left{left:24px}.fwe-header-slider .fwe-header-slider-arrow-right{right:24px}}@media only screen and (min-width:1441px){.fwe-header-slider-container .fwe-header-slider-box{height:640px}.fwe-header-slider-container .fwe-header-slider{margin:auto;margin-top:-104px;width:1096px}.fwe-header-slider{padding:24px 160px}}@media only screen and (min-width:1921px){.fwe-header-slider-container .fwe-header-slider{width:1192px}}
2
- /*# sourceMappingURL=festo-web-essentials-organisms.min.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../scss/organisms/_footer.scss","../../../scss/organisms/_teaser.scss","../../../scss/organisms/_header-slider.scss","libs/web-essentials/dist/css/organisms/festo-web-essentials-organisms.css"],"names":[],"mappings":"AACE,oCACE,QAAA,KACA,eAAA,IACA,gBAAA,OACA,QAAA,KAAA,EACA,cAAA,IAAA,MAAA,iCACA,cAAA,KAEA,2DACE,QAAA,MACA,MAAA,KACA,OAAA,KACA,cAAA,IACA,aAAA,KACA,QAAA,GACA,WAAA,QAAA,IAEA,sEACE,aAAA,EAGF,iEACE,QAAA,EAIN,sCACE,eAAA,KACA,cAAA,IAAA,MAAA,iCAEA,yCACE,UAAA,KACA,YAAA,KACA,YAAA,IACA,gBAAA,KACA,SAAA,SACA,WAAA,EACA,cAAA,KAIA,6EACE,aAAA,EAIJ,wCACE,YAAA,IACA,UAAA,MAGF,wDACE,WAAA,KAGJ,kCACE,UAAA,KACA,YAAA,KACA,WAAA,OAEA,iDACE,MAAA,EAEA,uEACE,eAAA,IAEA,yEACE,MAAA,iCACA,cAAA,IAEA,oFACE,cAAA,EAKN,uEACE,eAAA,KAEA,yEACE,MAAA,iCACA,cAAA,IAEA,oFACE,cAAA,EAKR,iDACE,QAAA,KACA,MAAA,EACA,gBAAA,OACA,eAAA,KACA,MAAA,iCAKN,0CAEI,sCACE,cAAA,KACA,yCACE,WAAA,KAEF,wDACE,WAAA,EAGJ,kCACE,UAAA,KACA,YAAA,KACA,WAAA,KACA,QAAA,KACA,iDACE,WAAA,MACA,YAAA,KACA,QAAA,KAGJ,oCACE,cAAA,GAKN,0CAGM,2DACE,MAAA,KACA,OAAA,KACA,aAAA,KACA,sEACE,aAAA,GCxIV,mBACE,QAAA,KACA,iBAAA,mBAGF,0CACE,iBAAA,gBACA,KAAA,EAGF,8CACE,KAAA,EACA,QAAA,YACA,eAAA,OACA,QAAA,KAGF,+DACE,WAAA,SAGF,mBACE,QAAA,YACA,eAAA,OACA,iBAAA,mBACA,MAAA,KACA,OAAA,KAGF,0CACE,iBAAA,gBACA,OAAA,iBACA,WAAA,MACA,MAAA,KAGF,sBACE,YAAA,KACA,aAAA,KACA,cAAA,KAGF,qBACE,aAAA,KACA,cAAA,KAGF,oCACE,WAAA,SACA,cAAA,KACA,aAAA,KCjDA,oDACE,OAAA,MACA,iBAAA,gBAGF,gDACE,WAAA,MACA,YAAA,KACA,aAAA,KAIJ,mBACE,QAAA,KACA,eAAA,OACA,QAAA,KAAA,KACA,iBAAA,iBACA,cAAA,IACA,WAAA,EAAA,IAAA,IAAA,EAAA,eAEA,8CACE,QAAA,YACA,eAAA,OAEA,gDACE,cAAA,SACA,SAAA,OACA,QAAA,sBACA,mBAAA,EACA,mBAAA,SACA,YAAA,OACA,OAAA,EAGF,kEACE,WAAA,KACA,gBAAA,OACA,YAAA,KACA,aAAA,KAIJ,mCACE,WAAA,OACA,WAAA,KAGF,iDCoKF,kDDlKI,QAAA,KAIJ,yCAEI,oDACE,OAAA,OAKN,yCAEI,oDACE,OAAA,MAGF,gDACE,WAAA,QAKN,0CAEI,oDACE,OAAA,MAGF,gDACE,SAAA,SACA,WAAA,OAIJ,mBACE,QAAA,KAAA,MAEA,8CACE,eAAA,IACA,YAAA,OAEA,gDACE,mBAAA,EAGF,kEACE,gBAAA,OACA,WAAA,EACA,YAAA,KACA,aAAA,EACA,UAAA,MAIJ,iDCsJJ,kDDpJM,QAAA,MACA,SAAA,SACA,IAAA,IACA,WAAA,KACA,UAAA,iBACA,OAAA,KACA,MAAA,KACA,UAAA,KAGF,iDACE,KAAA,KAGF,kDACE,MAAA,MAKN,0CAEI,oDACE,OAAA,MAGF,gDACE,OAAA,KACA,WAAA,OACA,MAAA,OAIJ,mBACE,QAAA,KAAA,OAIJ,0CAEI,gDACE,MAAA","sourcesContent":["footer.fwe-footer {\n .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid $control-border-darker;\n margin-bottom: 24px;\n\n .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n\n &:last-child {\n margin-right: 0px;\n }\n\n &:hover {\n opacity: 1;\n }\n }\n }\n .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid $control-border-darker;\n\n h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: 700;\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n }\n\n ul.fwe-list-group {\n .fwe-list-group-item {\n padding-left: 0px;\n }\n }\n\n p {\n padding-top: 8px;\n max-width: 320px;\n }\n\n &:not(:first-child) {\n margin-top: 24px;\n }\n }\n .fwe-bottomline {\n font-size: 12px;\n padding-top: 70px;\n text-align: center;\n\n .fwe-sitelinks {\n order: 2;\n\n .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n\n a {\n color: $control-border-darker;\n padding-right: 8px;\n\n &:last-child {\n padding-right: 0px;\n }\n }\n }\n\n .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n\n a {\n color: $control-border-darker;\n padding-right: 8px;\n\n &:last-child {\n padding-right: 0px;\n }\n }\n }\n }\n .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: $control-border-darker;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-lg) {\n footer.fwe-footer {\n .fwe-footer-details {\n border-bottom: none;\n h4 {\n margin-top: 24px;\n }\n &:not(:first-child) {\n margin-top: 0px;\n }\n }\n .fwe-bottomline {\n font-size: 12px;\n padding-top: 70px;\n text-align: left;\n display: flex;\n .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n }\n .fwe-social-media {\n margin-bottom: 0px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n footer.fwe-footer {\n .fwe-social-media {\n .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n &:last-child {\n margin-right: 0px;\n }\n }\n }\n }\n}\n",".fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n",".fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 142px;\n background-color: $hero;\n }\n\n .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n }\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: $white;\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n\n .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n\n p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n }\n\n button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n }\n }\n\n .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n }\n\n .fwe-header-slider-arrow-left,\n .fwe-header-slider-arrow-right {\n display: none;\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xs) {\n .fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 166px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-sm) {\n .fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 341px;\n }\n\n .fwe-header-slider {\n margin-top: -104px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-md) {\n .fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 455px;\n }\n\n .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n }\n\n .fwe-header-slider {\n padding: 24px 112px;\n\n .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n\n p {\n -webkit-line-clamp: 3;\n }\n\n button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n }\n\n .fwe-header-slider-arrow-left,\n .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n\n .fwe-header-slider-arrow-left {\n left: 24px;\n }\n\n .fwe-header-slider-arrow-right {\n right: 24px;\n }\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xl) {\n .fwe-header-slider-container {\n .fwe-header-slider-box {\n height: 640px;\n }\n\n .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n }\n\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n\n@media only screen and (min-width: $grid-breakpoint-xxl) {\n .fwe-header-slider-container {\n .fwe-header-slider {\n width: 1192px;\n }\n }\n}\n","footer.fwe-footer .fwe-social-media {\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 24px 0px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n margin-bottom: 24px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link {\n display: block;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 24px;\n opacity: 0.3;\n transition: opacity 0.3s;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n}\nfooter.fwe-footer .fwe-social-media .fwe-social-media-link:hover {\n opacity: 1;\n}\nfooter.fwe-footer .fwe-footer-details {\n padding-bottom: 24px;\n border-bottom: 1px solid var(--fwe-control-border-darker);\n}\nfooter.fwe-footer .fwe-footer-details h4 {\n font-size: 16px;\n line-height: 24px;\n font-weight: 700;\n list-style-type: none;\n position: relative;\n margin-top: 0px;\n margin-bottom: 12px;\n}\nfooter.fwe-footer .fwe-footer-details ul.fwe-list-group .fwe-list-group-item {\n padding-left: 0px;\n}\nfooter.fwe-footer .fwe-footer-details p {\n padding-top: 8px;\n max-width: 320px;\n}\nfooter.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 24px;\n}\nfooter.fwe-footer .fwe-bottomline {\n font-size: 12px;\n padding-top: 70px;\n text-align: center;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks {\n order: 2;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa {\n padding-bottom: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupa a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb {\n padding-bottom: 24px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a {\n color: var(--fwe-control-border-darker);\n padding-right: 8px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-sitelinks .fwe-sitelinks-groupb a:last-child {\n padding-right: 0px;\n}\nfooter.fwe-footer .fwe-bottomline .fwe-copyright {\n display: flex;\n order: 1;\n justify-content: center;\n padding-bottom: 24px;\n color: var(--fwe-control-border-darker);\n}\n\n@media only screen and (min-width: 1281px) {\n footer.fwe-footer .fwe-footer-details {\n border-bottom: none;\n }\n footer.fwe-footer .fwe-footer-details h4 {\n margin-top: 24px;\n }\n footer.fwe-footer .fwe-footer-details:not(:first-child) {\n margin-top: 0px;\n }\n footer.fwe-footer .fwe-bottomline {\n font-size: 12px;\n padding-top: 70px;\n text-align: left;\n display: flex;\n }\n footer.fwe-footer .fwe-bottomline .fwe-sitelinks {\n text-align: right;\n margin-left: auto;\n display: flex;\n }\n footer.fwe-footer .fwe-social-media {\n margin-bottom: 0px;\n }\n}\n@media only screen and (min-width: 1441px) {\n footer.fwe-footer .fwe-social-media .fwe-social-media-link {\n width: 64px;\n height: 64px;\n margin-right: 42px;\n }\n footer.fwe-footer .fwe-social-media .fwe-social-media-link:last-child {\n margin-right: 0px;\n }\n}\n.fwe-teaser-horbox {\n display: flex;\n background-color: var(--fwe-sucanul);\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-img {\n background-color: var(--fwe-hero);\n flex: 1;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content {\n flex: 1;\n display: inline-flex;\n flex-direction: column;\n padding: 24px;\n}\n\n.fwe-teaser-horbox .fwe-teaser-horbox-content .fwe-teaser-more {\n align-self: flex-end;\n}\n\n.fwe-teaser-verbox {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--fwe-sucanul);\n width: 100%;\n height: 100%;\n}\n\n.fwe-teaser-verbox .fwe-teaser-verbox-img {\n background-color: var(--fwe-hero);\n height: calc(50% - 12px);\n min-height: 186px;\n width: 100%;\n}\n\n.fwe-teaser-verbox h2 {\n padding-top: 24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox p {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.fwe-teaser-verbox .fwe-teaser-more {\n align-self: flex-end;\n margin-bottom: 24px;\n margin-right: 24px;\n}\n\n.fwe-header-slider-container .fwe-header-slider-box {\n height: 142px;\n background-color: var(--fwe-hero);\n}\n.fwe-header-slider-container .fwe-header-slider {\n margin-top: -28px;\n margin-left: 12px;\n margin-right: 12px;\n}\n\n.fwe-header-slider {\n display: flex;\n flex-direction: column;\n padding: 24px 28px;\n background-color: var(--fwe-white);\n border-radius: 4px;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.fwe-header-slider .fwe-header-slider-content {\n display: inline-flex;\n flex-direction: column;\n}\n.fwe-header-slider .fwe-header-slider-content p {\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box !important;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n white-space: normal;\n margin: 0;\n}\n.fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n margin-top: 24px;\n justify-content: center;\n margin-left: 18px;\n margin-right: 18px;\n}\n.fwe-header-slider .fwe-pagination {\n align-self: center;\n margin-top: 24px;\n}\n.fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: none;\n}\n\n@media only screen and (min-width: 600px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 166px;\n }\n}\n@media only screen and (min-width: 769px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 341px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin-top: -104px;\n }\n}\n@media only screen and (min-width: 1025px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 455px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n position: relative;\n margin-top: -104px;\n }\n\n .fwe-header-slider {\n padding: 24px 112px;\n }\n .fwe-header-slider .fwe-header-slider-content {\n flex-direction: row;\n align-items: center;\n }\n .fwe-header-slider .fwe-header-slider-content p {\n -webkit-line-clamp: 3;\n }\n .fwe-header-slider .fwe-header-slider-content button.fwe-btn-hero {\n justify-content: center;\n margin-top: 0;\n margin-left: 34px;\n margin-right: 0;\n min-width: 200px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left,\n.fwe-header-slider .fwe-header-slider-arrow-right {\n display: block;\n position: absolute;\n top: 50%;\n margin-top: 12px;\n transform: translateY(-50%);\n height: 48px;\n width: 48px;\n font-size: 48px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-left {\n left: 24px;\n }\n .fwe-header-slider .fwe-header-slider-arrow-right {\n right: 24px;\n }\n}\n@media only screen and (min-width: 1441px) {\n .fwe-header-slider-container .fwe-header-slider-box {\n height: 640px;\n }\n .fwe-header-slider-container .fwe-header-slider {\n margin: auto;\n margin-top: -104px;\n width: 1096px;\n }\n\n .fwe-header-slider {\n padding: 24px 160px;\n }\n}\n@media only screen and (min-width: 1921px) {\n .fwe-header-slider-container .fwe-header-slider {\n width: 1192px;\n }\n}\n\n/*# sourceMappingURL=festo-web-essentials-organisms.css.map */"]}
@@ -1,142 +0,0 @@
1
- footer.fwe-footer {
2
- .fwe-social-media {
3
- display: flex;
4
- flex-direction: row;
5
- justify-content: center;
6
- padding: 24px 0px;
7
- border-bottom: 1px solid $control-border-darker;
8
- margin-bottom: 24px;
9
-
10
- .fwe-social-media-link {
11
- display: block;
12
- width: 32px;
13
- height: 32px;
14
- border-radius: 4px;
15
- margin-right: 24px;
16
- opacity: 0.3;
17
- transition: opacity 0.3s;
18
-
19
- &:last-child {
20
- margin-right: 0px;
21
- }
22
-
23
- &:hover {
24
- opacity: 1;
25
- }
26
- }
27
- }
28
- .fwe-footer-details {
29
- padding-bottom: 24px;
30
- border-bottom: 1px solid $control-border-darker;
31
-
32
- h4 {
33
- font-size: 16px;
34
- line-height: 24px;
35
- font-weight: 700;
36
- list-style-type: none;
37
- position: relative;
38
- margin-top: 0px;
39
- margin-bottom: 12px;
40
- }
41
-
42
- ul.fwe-list-group {
43
- .fwe-list-group-item {
44
- padding-left: 0px;
45
- }
46
- }
47
-
48
- p {
49
- padding-top: 8px;
50
- max-width: 320px;
51
- }
52
-
53
- &:not(:first-child) {
54
- margin-top: 24px;
55
- }
56
- }
57
- .fwe-bottomline {
58
- font-size: 12px;
59
- padding-top: 70px;
60
- text-align: center;
61
-
62
- .fwe-sitelinks {
63
- order: 2;
64
-
65
- .fwe-sitelinks-groupa {
66
- padding-bottom: 8px;
67
-
68
- a {
69
- color: $control-border-darker;
70
- padding-right: 8px;
71
-
72
- &:last-child {
73
- padding-right: 0px;
74
- }
75
- }
76
- }
77
-
78
- .fwe-sitelinks-groupb {
79
- padding-bottom: 24px;
80
-
81
- a {
82
- color: $control-border-darker;
83
- padding-right: 8px;
84
-
85
- &:last-child {
86
- padding-right: 0px;
87
- }
88
- }
89
- }
90
- }
91
- .fwe-copyright {
92
- display: flex;
93
- order: 1;
94
- justify-content: center;
95
- padding-bottom: 24px;
96
- color: $control-border-darker;
97
- }
98
- }
99
- }
100
-
101
- @media only screen and (min-width: $grid-breakpoint-lg) {
102
- footer.fwe-footer {
103
- .fwe-footer-details {
104
- border-bottom: none;
105
- h4 {
106
- margin-top: 24px;
107
- }
108
- &:not(:first-child) {
109
- margin-top: 0px;
110
- }
111
- }
112
- .fwe-bottomline {
113
- font-size: 12px;
114
- padding-top: 70px;
115
- text-align: left;
116
- display: flex;
117
- .fwe-sitelinks {
118
- text-align: right;
119
- margin-left: auto;
120
- display: flex;
121
- }
122
- }
123
- .fwe-social-media {
124
- margin-bottom: 0px;
125
- }
126
- }
127
- }
128
-
129
- @media only screen and (min-width: $grid-breakpoint-xl) {
130
- footer.fwe-footer {
131
- .fwe-social-media {
132
- .fwe-social-media-link {
133
- width: 64px;
134
- height: 64px;
135
- margin-right: 42px;
136
- &:last-child {
137
- margin-right: 0px;
138
- }
139
- }
140
- }
141
- }
142
- }
@@ -1,153 +0,0 @@
1
- .fwe-header-slider-container {
2
- .fwe-header-slider-box {
3
- height: 142px;
4
- background-color: $hero;
5
- }
6
-
7
- .fwe-header-slider {
8
- margin-top: -28px;
9
- margin-left: 12px;
10
- margin-right: 12px;
11
- }
12
- }
13
-
14
- .fwe-header-slider {
15
- display: flex;
16
- flex-direction: column;
17
- padding: 24px 28px;
18
- background-color: $white;
19
- border-radius: 4px;
20
- box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
21
-
22
- .fwe-header-slider-content {
23
- display: inline-flex;
24
- flex-direction: column;
25
-
26
- p {
27
- text-overflow: ellipsis;
28
- overflow: hidden;
29
- display: -webkit-box !important;
30
- -webkit-line-clamp: 2;
31
- -webkit-box-orient: vertical;
32
- white-space: normal;
33
- margin: 0;
34
- }
35
-
36
- button.fwe-btn-hero {
37
- margin-top: 24px;
38
- justify-content: center;
39
- margin-left: 18px;
40
- margin-right: 18px;
41
- }
42
- }
43
-
44
- .fwe-pagination {
45
- align-self: center;
46
- margin-top: 24px;
47
- }
48
-
49
- .fwe-header-slider-arrow-left,
50
- .fwe-header-slider-arrow-right {
51
- display: none;
52
- }
53
- }
54
-
55
- @media only screen and (min-width: $grid-breakpoint-xs) {
56
- .fwe-header-slider-container {
57
- .fwe-header-slider-box {
58
- height: 166px;
59
- }
60
- }
61
- }
62
-
63
- @media only screen and (min-width: $grid-breakpoint-sm) {
64
- .fwe-header-slider-container {
65
- .fwe-header-slider-box {
66
- height: 341px;
67
- }
68
-
69
- .fwe-header-slider {
70
- margin-top: -104px;
71
- }
72
- }
73
- }
74
-
75
- @media only screen and (min-width: $grid-breakpoint-md) {
76
- .fwe-header-slider-container {
77
- .fwe-header-slider-box {
78
- height: 455px;
79
- }
80
-
81
- .fwe-header-slider {
82
- position: relative;
83
- margin-top: -104px;
84
- }
85
- }
86
-
87
- .fwe-header-slider {
88
- padding: 24px 112px;
89
-
90
- .fwe-header-slider-content {
91
- flex-direction: row;
92
- align-items: center;
93
-
94
- p {
95
- -webkit-line-clamp: 3;
96
- }
97
-
98
- button.fwe-btn-hero {
99
- justify-content: center;
100
- margin-top: 0;
101
- margin-left: 34px;
102
- margin-right: 0;
103
- min-width: 200px;
104
- }
105
- }
106
-
107
- .fwe-header-slider-arrow-left,
108
- .fwe-header-slider-arrow-right {
109
- display: block;
110
- position: absolute;
111
- top: 50%;
112
- margin-top: 12px;
113
- transform: translateY(-50%);
114
- height: 48px;
115
- width: 48px;
116
- font-size: 48px;
117
- }
118
-
119
- .fwe-header-slider-arrow-left {
120
- left: 24px;
121
- }
122
-
123
- .fwe-header-slider-arrow-right {
124
- right: 24px;
125
- }
126
- }
127
- }
128
-
129
- @media only screen and (min-width: $grid-breakpoint-xl) {
130
- .fwe-header-slider-container {
131
- .fwe-header-slider-box {
132
- height: 640px;
133
- }
134
-
135
- .fwe-header-slider {
136
- margin: auto;
137
- margin-top: -104px;
138
- width: 1096px;
139
- }
140
- }
141
-
142
- .fwe-header-slider {
143
- padding: 24px 160px;
144
- }
145
- }
146
-
147
- @media only screen and (min-width: $grid-breakpoint-xxl) {
148
- .fwe-header-slider-container {
149
- .fwe-header-slider {
150
- width: 1192px;
151
- }
152
- }
153
- }