@sbb-esta/lyne-elements-dev 4.6.0-dev.1772440255 → 4.6.0-dev.1772444903
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/core/styles/core.scss +6 -0
- package/core.css +9 -0
- package/custom-elements.json +1129 -1123
- package/development/container/container/container.component.d.ts +2 -0
- package/development/container/container/container.component.d.ts.map +1 -1
- package/development/container/container/container.component.js +1 -1
- package/development/footer/footer.component.js +4 -19
- package/footer/footer.component.js +22 -22
- package/off-brand-theme.css +9 -0
- package/package.json +2 -2
- package/safety-theme.css +9 -0
- package/standard-theme.css +9 -0
package/core/styles/core.scss
CHANGED
|
@@ -82,6 +82,9 @@ $theme: 'standard' !default;
|
|
|
82
82
|
expansion-panel-header with (
|
|
83
83
|
$theme: $theme
|
|
84
84
|
);
|
|
85
|
+
@use '../../footer/footer.global' as footer with (
|
|
86
|
+
$theme: $theme
|
|
87
|
+
);
|
|
85
88
|
@use '../../radio-button/common/radio-button-common.global' as radio-button-common with (
|
|
86
89
|
$theme: $theme
|
|
87
90
|
);
|
|
@@ -137,6 +140,7 @@ $theme: 'standard' !default;
|
|
|
137
140
|
@include expansion-panel.base;
|
|
138
141
|
@include expansion-panel-content.base;
|
|
139
142
|
@include expansion-panel-header.base;
|
|
143
|
+
@include footer.base;
|
|
140
144
|
@include radio-button-common.base;
|
|
141
145
|
@include radio-button-group.base;
|
|
142
146
|
@include selection-action-panel.base;
|
|
@@ -217,6 +221,8 @@ $theme: 'standard' !default;
|
|
|
217
221
|
|
|
218
222
|
@include mediaqueries.mq($from: small) {
|
|
219
223
|
@include sbb-css-tokens.breakpoint-small;
|
|
224
|
+
|
|
225
|
+
@include footer.base-breakpoint-small;
|
|
220
226
|
}
|
|
221
227
|
|
|
222
228
|
@include mediaqueries.mq($from: large) {
|
package/core.css
CHANGED
|
@@ -1439,6 +1439,14 @@
|
|
|
1439
1439
|
--sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
|
|
1440
1440
|
--sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
|
|
1441
1441
|
--sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
|
|
1442
|
+
--sbb-footer-background-color: var(--sbb-background-color-3);
|
|
1443
|
+
--sbb-footer-clock-width: 4.75rem;
|
|
1444
|
+
--sbb-footer-color: var(--sbb-color-granite);
|
|
1445
|
+
--sbb-footer-color: light-dark(var(--sbb-color-granite), var(--sbb-color-white));
|
|
1446
|
+
--sbb-footer-font-size: var(--sbb-text-font-size-s);
|
|
1447
|
+
--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);
|
|
1448
|
+
--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);
|
|
1449
|
+
--sbb-footer-padding-block: var(--sbb-spacing-responsive-l);
|
|
1442
1450
|
--sbb-radio-button-label-gap: var(--sbb-spacing-fixed-2x);
|
|
1443
1451
|
--sbb-radio-button-label-color: var(--sbb-color-3);
|
|
1444
1452
|
--sbb-radio-button-background-color: var(--sbb-background-color-1);
|
|
@@ -1582,6 +1590,7 @@
|
|
|
1582
1590
|
--sbb-layout-base-offset-responsive: var(--sbb-layout-base-offset-responsive-small);
|
|
1583
1591
|
--sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
|
|
1584
1592
|
--sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
|
|
1593
|
+
--sbb-footer-clock-width: 7rem;
|
|
1585
1594
|
}
|
|
1586
1595
|
}
|
|
1587
1596
|
@media (min-width: calc(64rem)) {
|