@festo-ui/web-essentials 5.0.0-dev.140 → 5.0.0-dev.147
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/dist/css/festo-web-essentials.css +45 -1
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +2 -2
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.css +1 -1
- package/dist/css/themes/flatpickr/festo.min.css +1 -1
- package/dist/scss/_navbar.scss +5 -0
- package/dist/scss/_sidebar-overlay.scss +39 -0
- package/dist/scss/festo-web-essentials.scss +2 -1
- package/dist/scss/themes/flatpickr/festo.scss +1 -1
- package/package.json +1 -1
- package/scss/_navbar.scss +5 -0
- package/scss/_sidebar-overlay.scss +39 -0
- package/scss/festo-web-essentials.scss +1 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Festo UI - Web Essentials v5.0.0-dev.
|
|
2
|
+
* Festo UI - Web Essentials v5.0.0-dev.147 (https://storybook.festo.design/)
|
|
3
3
|
* Copyright 2022 Festo SE & Co. KG
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -13780,6 +13780,10 @@ header.fwe-fixed-header {
|
|
|
13780
13780
|
align-items: center;
|
|
13781
13781
|
}
|
|
13782
13782
|
|
|
13783
|
+
.fwe-navbar-margin {
|
|
13784
|
+
margin-top: 64px;
|
|
13785
|
+
}
|
|
13786
|
+
|
|
13783
13787
|
.fwe-mobile-flyout {
|
|
13784
13788
|
position: relative;
|
|
13785
13789
|
}
|
|
@@ -17167,4 +17171,44 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
17167
17171
|
color: var(--fwe-btn-hero-active);
|
|
17168
17172
|
}
|
|
17169
17173
|
|
|
17174
|
+
.fwe-sidebar-overlay {
|
|
17175
|
+
z-index: var(--fwe-z-index-sticky);
|
|
17176
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
|
|
17177
|
+
padding: 32px;
|
|
17178
|
+
position: fixed;
|
|
17179
|
+
right: 0px;
|
|
17180
|
+
top: 0px;
|
|
17181
|
+
bottom: 0px;
|
|
17182
|
+
width: 480px;
|
|
17183
|
+
background: var(--fwe-white);
|
|
17184
|
+
transform: translateX(480px);
|
|
17185
|
+
transition: opacity 400ms, transform 400ms;
|
|
17186
|
+
opacity: 0;
|
|
17187
|
+
}
|
|
17188
|
+
.fwe-sidebar-overlay--open {
|
|
17189
|
+
opacity: 1;
|
|
17190
|
+
transform: translateX(0px);
|
|
17191
|
+
}
|
|
17192
|
+
.fwe-sidebar-overlay .fwe-close-icon-button {
|
|
17193
|
+
line-height: 1;
|
|
17194
|
+
display: block;
|
|
17195
|
+
border: none;
|
|
17196
|
+
background-color: transparent;
|
|
17197
|
+
padding: 0;
|
|
17198
|
+
margin: 0 0 0 auto;
|
|
17199
|
+
outline: none;
|
|
17200
|
+
text-align: right;
|
|
17201
|
+
cursor: pointer;
|
|
17202
|
+
}
|
|
17203
|
+
.fwe-sidebar-overlay .fwe-close-icon-button:hover {
|
|
17204
|
+
color: var(--fwe-hero);
|
|
17205
|
+
}
|
|
17206
|
+
@media (max-width: 600px) {
|
|
17207
|
+
.fwe-sidebar-overlay {
|
|
17208
|
+
left: 0px;
|
|
17209
|
+
width: unset;
|
|
17210
|
+
transform: translateX(100%);
|
|
17211
|
+
}
|
|
17212
|
+
}
|
|
17213
|
+
|
|
17170
17214
|
/*# sourceMappingURL=festo-web-essentials.css.map */
|