@festo-ui/web-essentials 4.0.3-pre-20221124.8 → 5.0.0-dev.17
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.
- package/README.md +73 -73
- package/dist/css/festo-web-essentials.css +500 -3316
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +3 -3
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.css +8 -15
- package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.min.css +1 -1
- package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.css +3 -18
- package/dist/css/themes/flatpickr/festo.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.min.css +2 -2
- package/dist/css/themes/flatpickr/festo.min.css.map +1 -1
- package/dist/scss/_breadcrumb.scss +37 -37
- package/dist/scss/_button.scss +128 -128
- package/dist/scss/_cards.scss +98 -98
- package/dist/scss/_checkbox.scss +153 -153
- package/dist/scss/_chips.scss +145 -145
- package/dist/scss/_fonts.scss +59 -59
- package/dist/scss/_icons.scss +1446 -1446
- package/dist/scss/_loading-indicator.scss +176 -176
- package/dist/scss/_mobile-flyout.scss +108 -108
- package/dist/scss/_navbar-menu.scss +351 -351
- package/dist/scss/_navbar.scss +258 -258
- package/dist/scss/_popover.scss +201 -201
- package/dist/scss/_progressbar.scss +67 -67
- package/dist/scss/_radio.scss +152 -152
- package/dist/scss/_root.scss +111 -111
- package/dist/scss/_search-input.scss +92 -92
- package/dist/scss/_select.scss +95 -95
- package/dist/scss/_stepper-horizontal.scss +127 -127
- package/dist/scss/_stepper-vertical.scss +121 -121
- package/dist/scss/_table.scss +150 -150
- package/dist/scss/_timepicker.scss +68 -68
- package/dist/scss/_tree.scss +211 -211
- package/dist/scss/_variables.scss +252 -252
- package/dist/scss/festo-web-essentials.scss +1 -1
- package/dist/scss/organisms/_footer.scss +142 -142
- package/dist/scss/organisms/_header-slider.scss +153 -153
- package/dist/scss/organisms/_image-gallery.scss +257 -257
- package/dist/scss/organisms/_login.scss +57 -57
- package/dist/scss/organisms/_side-menu.scss +54 -54
- package/dist/scss/organisms/festo-web-essentials-organisms.scss +15 -15
- package/dist/scss/themes/flatpickr/festo.scss +834 -834
- package/package.json +88 -9
- package/scss/_breadcrumb.scss +37 -37
- package/scss/_button.scss +128 -128
- package/scss/_cards.scss +98 -98
- package/scss/_checkbox.scss +153 -153
- package/scss/_chips.scss +145 -145
- package/scss/_fonts.scss +59 -59
- package/scss/_icons.scss +1446 -1446
- package/scss/_loading-indicator.scss +176 -176
- package/scss/_mobile-flyout.scss +108 -108
- package/scss/_navbar-menu.scss +351 -351
- package/scss/_navbar.scss +258 -258
- package/scss/_popover.scss +201 -201
- package/scss/_progressbar.scss +67 -67
- package/scss/_radio.scss +152 -152
- package/scss/_root.scss +111 -111
- package/scss/_search-input.scss +92 -92
- package/scss/_select.scss +95 -95
- package/scss/_stepper-horizontal.scss +127 -127
- package/scss/_stepper-vertical.scss +121 -121
- package/scss/_table.scss +150 -150
- package/scss/_timepicker.scss +68 -68
- package/scss/_tree.scss +211 -211
- package/scss/_variables.scss +252 -252
- package/scss/festo-web-essentials.scss +1 -1
- package/scss/organisms/_footer.scss +142 -142
- package/scss/organisms/_header-slider.scss +153 -153
- package/scss/organisms/_image-gallery.scss +257 -257
- package/scss/organisms/_login.scss +57 -57
- package/scss/organisms/_side-menu.scss +54 -54
- package/scss/organisms/festo-web-essentials-organisms.scss +15 -15
- package/scss/themes/flatpickr/festo.scss +834 -834
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
.fwe-side-menu {
|
|
2
|
-
flex-shrink: 0;
|
|
3
|
-
width: 240px;
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
border-left: 1px solid $border;
|
|
7
|
-
.fwe-side-menu-item {
|
|
8
|
-
cursor: pointer;
|
|
9
|
-
margin-left: -1px;
|
|
10
|
-
line-height: 42px;
|
|
11
|
-
color: $text;
|
|
12
|
-
padding: 0px 8px 0px 16px;
|
|
13
|
-
position: relative;
|
|
14
|
-
&::before {
|
|
15
|
-
position: absolute;
|
|
16
|
-
content: "";
|
|
17
|
-
top: 0px;
|
|
18
|
-
left: 0px;
|
|
19
|
-
bottom: 0px;
|
|
20
|
-
width: 0px;
|
|
21
|
-
background: $hero;
|
|
22
|
-
transition: width 0.2s;
|
|
23
|
-
}
|
|
24
|
-
&.fwe-active {
|
|
25
|
-
color: $hero;
|
|
26
|
-
&::before {
|
|
27
|
-
width: 4px;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@media (max-width: 900px) {
|
|
33
|
-
width: 190px;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.fwe-side-menu-layout {
|
|
38
|
-
margin-top: 64px;
|
|
39
|
-
display: flex;
|
|
40
|
-
align-items: flex-start;
|
|
41
|
-
.fwe-content-container {
|
|
42
|
-
max-width: 600px;
|
|
43
|
-
flex-shrink: 1;
|
|
44
|
-
flex-grow: 1;
|
|
45
|
-
@media (max-width: 750px) {
|
|
46
|
-
max-width: unset;
|
|
47
|
-
margin-top: 32px;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
@media (max-width: 750px) {
|
|
51
|
-
flex-direction: column;
|
|
52
|
-
margin-top: 32px;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
1
|
+
.fwe-side-menu {
|
|
2
|
+
flex-shrink: 0;
|
|
3
|
+
width: 240px;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
border-left: 1px solid $border;
|
|
7
|
+
.fwe-side-menu-item {
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
margin-left: -1px;
|
|
10
|
+
line-height: 42px;
|
|
11
|
+
color: $text;
|
|
12
|
+
padding: 0px 8px 0px 16px;
|
|
13
|
+
position: relative;
|
|
14
|
+
&::before {
|
|
15
|
+
position: absolute;
|
|
16
|
+
content: "";
|
|
17
|
+
top: 0px;
|
|
18
|
+
left: 0px;
|
|
19
|
+
bottom: 0px;
|
|
20
|
+
width: 0px;
|
|
21
|
+
background: $hero;
|
|
22
|
+
transition: width 0.2s;
|
|
23
|
+
}
|
|
24
|
+
&.fwe-active {
|
|
25
|
+
color: $hero;
|
|
26
|
+
&::before {
|
|
27
|
+
width: 4px;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@media (max-width: 900px) {
|
|
33
|
+
width: 190px;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.fwe-side-menu-layout {
|
|
38
|
+
margin-top: 64px;
|
|
39
|
+
display: flex;
|
|
40
|
+
align-items: flex-start;
|
|
41
|
+
.fwe-content-container {
|
|
42
|
+
max-width: 600px;
|
|
43
|
+
flex-shrink: 1;
|
|
44
|
+
flex-grow: 1;
|
|
45
|
+
@media (max-width: 750px) {
|
|
46
|
+
max-width: unset;
|
|
47
|
+
margin-top: 32px;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
@media (max-width: 750px) {
|
|
51
|
+
flex-direction: column;
|
|
52
|
+
margin-top: 32px;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)
|
|
3
|
-
* Copyright 2022 Festo SE & Co. KG
|
|
4
|
-
* Licensed under Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
@import "../variables";
|
|
8
|
-
|
|
9
|
-
@import "footer";
|
|
10
|
-
@import "teaser";
|
|
11
|
-
@import "header-slider";
|
|
12
|
-
@import "header-modul";
|
|
13
|
-
@import "image-gallery";
|
|
14
|
-
@import "login";
|
|
15
|
-
@import "side-menu";
|
|
1
|
+
/*!
|
|
2
|
+
* Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)
|
|
3
|
+
* Copyright 2022 Festo SE & Co. KG
|
|
4
|
+
* Licensed under Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
@import "../variables";
|
|
8
|
+
|
|
9
|
+
@import "footer";
|
|
10
|
+
@import "teaser";
|
|
11
|
+
@import "header-slider";
|
|
12
|
+
@import "header-modul";
|
|
13
|
+
@import "image-gallery";
|
|
14
|
+
@import "login";
|
|
15
|
+
@import "side-menu";
|