@festo-ui/web-essentials 6.1.0-dev.282 → 6.1.0-dev.285

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,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v6.1.0-dev.282 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v6.1.0-dev.285 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
@@ -2552,6 +2552,13 @@ h6,
2552
2552
  --fwe-breakpoint-lg: 1281px;
2553
2553
  --fwe-breakpoint-xl: 1441px;
2554
2554
  --fwe-breakpoint-xxl: 1921px;
2555
+ --fwe-breakpoint-xxs-min: 374px;
2556
+ --fwe-breakpoint-xs-min: 599px;
2557
+ --fwe-breakpoint-sm-min: 768px;
2558
+ --fwe-breakpoint-md-min: 1024px;
2559
+ --fwe-breakpoint-lg-min: 1280px;
2560
+ --fwe-breakpoint-xl-min: 1440px;
2561
+ --fwe-breakpoint-xxl-min: 1920px;
2555
2562
  --fwe-spacer-0: 0px;
2556
2563
  --fwe-spacer-1: 4px;
2557
2564
  --fwe-spacer-2: 8px;
@@ -14457,11 +14464,15 @@ header.fwe-fixed-header {
14457
14464
  bottom: 0;
14458
14465
  transform: translateX(100%);
14459
14466
  transition: transform 0.3s ease;
14460
- scrollbar-width: thin;
14461
- scrollbar-color: var(--fwe-control-scrollbar) var(--fwe-gray-100);
14462
14467
  overflow-x: hidden;
14463
14468
  overflow-y: auto;
14464
14469
  }
14470
+ @-moz-document url-prefix() {
14471
+ .fwe-mobile-flyout-page {
14472
+ scrollbar-width: thin;
14473
+ scrollbar-color: var(--fwe-control-scrollbar) transparent;
14474
+ }
14475
+ }
14465
14476
  @media (pointer: fine) {
14466
14477
  .fwe-mobile-flyout-page::-webkit-scrollbar {
14467
14478
  width: 14px;
@@ -16355,11 +16366,15 @@ fieldset.fwe-progress-container label {
16355
16366
  overflow: hidden;
16356
16367
  }
16357
16368
  .fwe-modal .fwe-modal-body {
16358
- scrollbar-width: thin;
16359
- scrollbar-color: var(--fwe-control-scrollbar) var(--fwe-gray-100);
16360
16369
  overflow-x: hidden;
16361
16370
  overflow-y: auto;
16362
16371
  }
16372
+ @-moz-document url-prefix() {
16373
+ .fwe-modal .fwe-modal-body {
16374
+ scrollbar-width: thin;
16375
+ scrollbar-color: var(--fwe-control-scrollbar) transparent;
16376
+ }
16377
+ }
16363
16378
  @media (pointer: fine) {
16364
16379
  .fwe-modal .fwe-modal-body::-webkit-scrollbar {
16365
16380
  width: 14px;
@@ -17170,9 +17185,11 @@ fieldset.fwe-progress-container label {
17170
17185
  color: var(--fwe-red);
17171
17186
  }
17172
17187
 
17173
- .fwe-scrollbar {
17174
- scrollbar-width: thin;
17175
- scrollbar-color: var(--fwe-control-scrollbar) var(--fwe-gray-100);
17188
+ @-moz-document url-prefix() {
17189
+ .fwe-scrollbar {
17190
+ scrollbar-width: thin;
17191
+ scrollbar-color: var(--fwe-control-scrollbar) transparent;
17192
+ }
17176
17193
  }
17177
17194
  @media (pointer: fine) {
17178
17195
  .fwe-scrollbar::-webkit-scrollbar {
@@ -17645,10 +17662,14 @@ input[type=search]::-webkit-search-cancel-button {
17645
17662
  }
17646
17663
  }
17647
17664
  .fwe-tree {
17648
- scrollbar-width: thin;
17649
- scrollbar-color: var(--fwe-control-scrollbar) var(--fwe-gray-100);
17650
17665
  position: relative;
17651
17666
  }
17667
+ @-moz-document url-prefix() {
17668
+ .fwe-tree {
17669
+ scrollbar-width: thin;
17670
+ scrollbar-color: var(--fwe-control-scrollbar) transparent;
17671
+ }
17672
+ }
17652
17673
  @media (pointer: fine) {
17653
17674
  .fwe-tree::-webkit-scrollbar {
17654
17675
  width: 14px;