@marioschmidt/design-system-components 1.3.26 → 1.4.0
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/bds/bds.css +1 -1
- package/dist/bds/bds.esm.js +1 -1
- package/dist/bds/p-DnybiLpQ.js +2 -0
- package/dist/{www/build/p-c6b63599.entry.js → bds/p-b8797ba4.entry.js} +1 -1
- package/dist/cjs/bds.cjs.js +1 -1
- package/dist/cjs/ds-button_3.cjs.entry.js +1 -1
- package/dist/cjs/{index-Bac-w3Nh.js → index-Bbq_wrNI.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/esm/bds.js +2 -2
- package/dist/esm/ds-button_3.entry.js +1 -1
- package/dist/esm/{index-CHYuAyPs.js → index-DnybiLpQ.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/www/build/bds.css +1 -1
- package/dist/www/build/bds.esm.js +1 -1
- package/dist/www/build/p-0af1a614.css +1 -0
- package/dist/www/build/p-DnybiLpQ.js +2 -0
- package/dist/{bds/p-c6b63599.entry.js → www/build/p-b8797ba4.entry.js} +1 -1
- package/dist/www/css/advertorial/components/article.css +1 -1
- package/dist/www/css/advertorial/components/audioplayer.css +1 -1
- package/dist/www/css/advertorial/components/avatar.css +1 -1
- package/dist/www/css/advertorial/components/badge.css +1 -1
- package/dist/www/css/advertorial/components/breadcrumb.css +1 -1
- package/dist/www/css/advertorial/components/breakingnews.css +1 -1
- package/dist/www/css/advertorial/components/button.css +1 -1
- package/dist/www/css/advertorial/components/card.css +1 -1
- package/dist/www/css/advertorial/components/carousel.css +1 -1
- package/dist/www/css/advertorial/components/chip.css +1 -1
- package/dist/www/css/advertorial/components/datepicker.css +1 -1
- package/dist/www/css/advertorial/components/drawers.css +1 -1
- package/dist/www/css/advertorial/components/dropdown.css +1 -1
- package/dist/www/css/advertorial/components/footer.css +1 -1
- package/dist/www/css/advertorial/components/icon.css +1 -1
- package/dist/www/css/advertorial/components/iconbutton.css +1 -1
- package/dist/www/css/advertorial/components/infoelement.css +1 -1
- package/dist/www/css/advertorial/components/inputfield.css +1 -1
- package/dist/www/css/advertorial/components/liveticker.css +1 -1
- package/dist/www/css/advertorial/components/mediaplayer.css +1 -1
- package/dist/www/css/advertorial/components/menu.css +1 -1
- package/dist/www/css/advertorial/components/newsticker.css +1 -1
- package/dist/www/css/advertorial/components/pagination.css +1 -1
- package/dist/www/css/advertorial/components/paywall.css +1 -1
- package/dist/www/css/advertorial/components/quote.css +1 -1
- package/dist/www/css/advertorial/components/radiobutton.css +1 -1
- package/dist/www/css/advertorial/components/search.css +1 -1
- package/dist/www/css/advertorial/components/sectiontitle.css +1 -1
- package/dist/www/css/advertorial/components/separator.css +1 -1
- package/dist/www/css/advertorial/components/skeletons.css +1 -1
- package/dist/www/css/advertorial/components/slider.css +1 -1
- package/dist/www/css/advertorial/components/specialnavi.css +1 -1
- package/dist/www/css/advertorial/components/spinner.css +1 -1
- package/dist/www/css/advertorial/components/tab.css +1 -1
- package/dist/www/css/advertorial/components/table.css +1 -1
- package/dist/www/css/advertorial/components/teaser.css +1 -1
- package/dist/www/css/advertorial/components/toggleswitch.css +1 -1
- package/dist/www/css/advertorial/components/video.css +1 -1
- package/dist/www/css/advertorial/theme.css +1 -1
- package/dist/www/css/advertorial/tokens.css +13 -13
- package/dist/www/css/bild/components/alert.css +1 -1
- package/dist/www/css/bild/components/article.css +1 -1
- package/dist/www/css/bild/components/audioplayer.css +1 -1
- package/dist/www/css/bild/components/avatar.css +1 -1
- package/dist/www/css/bild/components/badge.css +1 -1
- package/dist/www/css/bild/components/breadcrumb.css +1 -1
- package/dist/www/css/bild/components/breakingnews.css +1 -1
- package/dist/www/css/bild/components/button.css +1 -1
- package/dist/www/css/bild/components/card.css +1 -1
- package/dist/www/css/bild/components/carousel.css +1 -1
- package/dist/www/css/bild/components/chip.css +1 -1
- package/dist/www/css/bild/components/datepicker.css +1 -1
- package/dist/www/css/bild/components/drawers.css +1 -1
- package/dist/www/css/bild/components/dropdown.css +1 -1
- package/dist/www/css/bild/components/empties.css +1 -1
- package/dist/www/css/bild/components/footer.css +1 -1
- package/dist/www/css/bild/components/gallery.css +1 -1
- package/dist/www/css/bild/components/icon.css +1 -1
- package/dist/www/css/bild/components/iconbutton.css +1 -1
- package/dist/www/css/bild/components/infoelement.css +1 -1
- package/dist/www/css/bild/components/inputfield.css +1 -1
- package/dist/www/css/bild/components/kicker.css +1 -1
- package/dist/www/css/bild/components/liveticker.css +1 -1
- package/dist/www/css/bild/components/mediaplayer.css +3 -1
- package/dist/www/css/bild/components/menu.css +1 -1
- package/dist/www/css/bild/components/menuitem.css +1 -1
- package/dist/www/css/bild/components/newsticker.css +1 -1
- package/dist/www/css/bild/components/pagination.css +1 -1
- package/dist/www/css/bild/components/partnerlinks.css +1 -1
- package/dist/www/css/bild/components/paywall.css +1 -1
- package/dist/www/css/bild/components/quote.css +1 -1
- package/dist/www/css/bild/components/radiobutton.css +1 -1
- package/dist/www/css/bild/components/search.css +1 -1
- package/dist/www/css/bild/components/sectiontitle.css +1 -1
- package/dist/www/css/bild/components/selection.css +1 -1
- package/dist/www/css/bild/components/separator.css +1 -1
- package/dist/www/css/bild/components/skeletons.css +1 -1
- package/dist/www/css/bild/components/slider.css +1 -1
- package/dist/www/css/bild/components/specialnavi.css +1 -1
- package/dist/www/css/bild/components/spinner.css +1 -1
- package/dist/www/css/bild/components/subheader.css +1 -1
- package/dist/www/css/bild/components/tab.css +1 -1
- package/dist/www/css/bild/components/table.css +1 -1
- package/dist/www/css/bild/components/teaser.css +1 -1
- package/dist/www/css/bild/components/toggleswitch.css +1 -1
- package/dist/www/css/bild/components/video.css +1 -1
- package/dist/www/css/bild/theme.css +1 -1
- package/dist/www/css/bild/tokens.css +13 -13
- package/dist/www/css/bundles/advertorial.css +13 -13
- package/dist/www/css/bundles/bild.css +15 -13
- package/dist/www/css/bundles/sportbild.css +15 -13
- package/dist/www/css/shared/colorprimitive.css +1 -1
- package/dist/www/css/shared/fontprimitive.css +1 -1
- package/dist/www/css/shared/primitives.css +1 -1
- package/dist/www/css/shared/sizeprimitive.css +1 -1
- package/dist/www/css/shared/spaceprimitive.css +1 -1
- package/dist/www/css/sportbild/components/alert.css +1 -1
- package/dist/www/css/sportbild/components/article.css +1 -1
- package/dist/www/css/sportbild/components/audioplayer.css +1 -1
- package/dist/www/css/sportbild/components/avatar.css +1 -1
- package/dist/www/css/sportbild/components/badge.css +1 -1
- package/dist/www/css/sportbild/components/breadcrumb.css +1 -1
- package/dist/www/css/sportbild/components/breakingnews.css +1 -1
- package/dist/www/css/sportbild/components/button.css +1 -1
- package/dist/www/css/sportbild/components/card.css +1 -1
- package/dist/www/css/sportbild/components/carousel.css +1 -1
- package/dist/www/css/sportbild/components/chip.css +1 -1
- package/dist/www/css/sportbild/components/datepicker.css +1 -1
- package/dist/www/css/sportbild/components/drawers.css +1 -1
- package/dist/www/css/sportbild/components/dropdown.css +1 -1
- package/dist/www/css/sportbild/components/empties.css +1 -1
- package/dist/www/css/sportbild/components/footer.css +1 -1
- package/dist/www/css/sportbild/components/gallery.css +1 -1
- package/dist/www/css/sportbild/components/icon.css +1 -1
- package/dist/www/css/sportbild/components/iconbutton.css +1 -1
- package/dist/www/css/sportbild/components/infoelement.css +1 -1
- package/dist/www/css/sportbild/components/inputfield.css +1 -1
- package/dist/www/css/sportbild/components/kicker.css +1 -1
- package/dist/www/css/sportbild/components/liveticker.css +1 -1
- package/dist/www/css/sportbild/components/mediaplayer.css +3 -1
- package/dist/www/css/sportbild/components/menu.css +1 -1
- package/dist/www/css/sportbild/components/menuitem.css +1 -1
- package/dist/www/css/sportbild/components/newsticker.css +1 -1
- package/dist/www/css/sportbild/components/pagination.css +1 -1
- package/dist/www/css/sportbild/components/partnerlinks.css +1 -1
- package/dist/www/css/sportbild/components/paywall.css +1 -1
- package/dist/www/css/sportbild/components/quote.css +1 -1
- package/dist/www/css/sportbild/components/radiobutton.css +1 -1
- package/dist/www/css/sportbild/components/search.css +1 -1
- package/dist/www/css/sportbild/components/sectiontitle.css +1 -1
- package/dist/www/css/sportbild/components/selection.css +1 -1
- package/dist/www/css/sportbild/components/separator.css +1 -1
- package/dist/www/css/sportbild/components/skeletons.css +1 -1
- package/dist/www/css/sportbild/components/slider.css +1 -1
- package/dist/www/css/sportbild/components/specialnavi.css +1 -1
- package/dist/www/css/sportbild/components/spinner.css +1 -1
- package/dist/www/css/sportbild/components/subheader.css +1 -1
- package/dist/www/css/sportbild/components/tab.css +1 -1
- package/dist/www/css/sportbild/components/table.css +1 -1
- package/dist/www/css/sportbild/components/teaser.css +1 -1
- package/dist/www/css/sportbild/components/toggleswitch.css +1 -1
- package/dist/www/css/sportbild/components/video.css +1 -1
- package/dist/www/css/sportbild/theme.css +1 -1
- package/dist/www/css/sportbild/tokens.css +13 -13
- package/dist/www/icons/manifest.json +2 -2
- package/dist/www/index.html +1 -1
- package/package.json +1 -1
- package/dist/bds/p-CHYuAyPs.js +0 -2
- package/dist/www/build/p-5ccb5d98.css +0 -1
- package/dist/www/build/p-CHYuAyPs.js +0 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*
|
|
4
|
-
* BILD Design System Tokens v1.
|
|
4
|
+
* BILD Design System Tokens v1.4.0
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Bild | Bundle: Tokens (Responsive breakpoints + Typography + Density)
|
|
@@ -23,13 +23,13 @@
|
|
|
23
23
|
--page-inline-space: var(--space-0-x, 0px);
|
|
24
24
|
--grid-space-const-lg: var(--space-2-x, 16px);
|
|
25
25
|
--grid-space-const-sm: var(--space-1-p-5-x, 12px);
|
|
26
|
-
--layout-guide-grid-
|
|
26
|
+
--layout-guide-grid-columns: 4;
|
|
27
27
|
--section-space-base: var(--space-4-p-5-x, 36px);
|
|
28
28
|
--section-space-lg: var(--space-9-x, 72px);
|
|
29
29
|
--paragraph-end-space: var(--space-2-x, 16px);
|
|
30
30
|
--section-space-sm: var(--space-3-x, 24px);
|
|
31
|
-
--
|
|
32
|
-
--
|
|
31
|
+
--canvas-min-width-size: 320px;
|
|
32
|
+
--canvas-max-width-size: 389px;
|
|
33
33
|
--canvas-height-size-web: 568px;
|
|
34
34
|
--canvas-width-size-web: 320px;
|
|
35
35
|
--canvas-width-size-app: 320px;
|
|
@@ -210,8 +210,8 @@
|
|
|
210
210
|
@media (min-width: 390px) {
|
|
211
211
|
[data-content-brand="bild"],
|
|
212
212
|
:host([data-content-brand="bild"]) {
|
|
213
|
-
--
|
|
214
|
-
--
|
|
213
|
+
--canvas-min-width-size: 390px;
|
|
214
|
+
--canvas-max-width-size: 599px;
|
|
215
215
|
--canvas-height-size-web: 844px;
|
|
216
216
|
--canvas-width-size-web: 390px;
|
|
217
217
|
--canvas-width-size-app: 390px;
|
|
@@ -230,13 +230,13 @@
|
|
|
230
230
|
:host([data-content-brand="bild"]) {
|
|
231
231
|
--grid-space-resp-lg: var(--space-4-x, 32px);
|
|
232
232
|
--grid-space-resp-xl: var(--space-8-x, 64px);
|
|
233
|
-
--layout-guide-grid-
|
|
233
|
+
--layout-guide-grid-columns: 8;
|
|
234
234
|
--section-space-base: var(--space-6-x, 48px);
|
|
235
235
|
--section-space-lg: var(--space-12-x, 96px);
|
|
236
236
|
--paragraph-end-space: var(--space-4-x, 32px);
|
|
237
237
|
--section-space-sm: var(--space-4-p-5-x, 36px);
|
|
238
|
-
--
|
|
239
|
-
--
|
|
238
|
+
--canvas-min-width-size: 600px;
|
|
239
|
+
--canvas-max-width-size: 1023px;
|
|
240
240
|
--canvas-height-size-web: 960px;
|
|
241
241
|
--canvas-width-size-web: 600px;
|
|
242
242
|
--canvas-width-size-app: 834px;
|
|
@@ -315,9 +315,9 @@
|
|
|
315
315
|
--grid-space-resp-base: var(--space-2-x, 16px);
|
|
316
316
|
--grid-space-resp-sm: var(--space-1-x, 8px);
|
|
317
317
|
--page-inline-space: var(--space-2-x, 16px);
|
|
318
|
-
--layout-guide-grid-
|
|
319
|
-
--
|
|
320
|
-
--
|
|
318
|
+
--layout-guide-grid-columns: 12;
|
|
319
|
+
--canvas-min-width-size: 1024px;
|
|
320
|
+
--canvas-max-width-size: 1024px;
|
|
321
321
|
--canvas-height-size-web: 768px;
|
|
322
322
|
--canvas-width-size-web: 1024px;
|
|
323
323
|
--canvas-width-size-app: 1194px;
|
|
@@ -451,7 +451,7 @@
|
|
|
451
451
|
font-family: var(--headline-font-family);
|
|
452
452
|
font-weight: 700;
|
|
453
453
|
font-size: var(--headline-4-font-size);
|
|
454
|
-
line-height: var(--headline-4-
|
|
454
|
+
line-height: var(--headline-4-line-height);
|
|
455
455
|
}
|
|
456
456
|
|
|
457
457
|
[data-content-brand="bild"] .subheadline-1,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*
|
|
4
|
-
* BILD Design System Tokens v1.
|
|
4
|
+
* BILD Design System Tokens v1.4.0
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Advertorial | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
|
|
@@ -387,13 +387,13 @@
|
|
|
387
387
|
--page-inline-space: var(--space-0-x, 0px);
|
|
388
388
|
--grid-space-const-lg: var(--space-2-x, 16px);
|
|
389
389
|
--grid-space-const-sm: var(--space-1-p-5-x, 12px);
|
|
390
|
-
--layout-guide-grid-
|
|
390
|
+
--layout-guide-grid-columns: 4;
|
|
391
391
|
--section-space-base: var(--space-4-p-5-x, 36px);
|
|
392
392
|
--section-space-lg: var(--space-9-x, 72px);
|
|
393
393
|
--paragraph-end-space: var(--space-2-x, 16px);
|
|
394
394
|
--section-space-sm: var(--space-3-x, 24px);
|
|
395
|
-
--
|
|
396
|
-
--
|
|
395
|
+
--canvas-min-width-size: 320px;
|
|
396
|
+
--canvas-max-width-size: 389px;
|
|
397
397
|
--canvas-height-size-web: 568px;
|
|
398
398
|
--canvas-width-size-web: 320px;
|
|
399
399
|
--canvas-width-size-app: 320px;
|
|
@@ -574,8 +574,8 @@
|
|
|
574
574
|
@media (min-width: 390px) {
|
|
575
575
|
[data-content-brand="advertorial"],
|
|
576
576
|
:host([data-content-brand="advertorial"]) {
|
|
577
|
-
--
|
|
578
|
-
--
|
|
577
|
+
--canvas-min-width-size: 390px;
|
|
578
|
+
--canvas-max-width-size: 599px;
|
|
579
579
|
--canvas-height-size-web: 844px;
|
|
580
580
|
--canvas-width-size-web: 390px;
|
|
581
581
|
--canvas-width-size-app: 390px;
|
|
@@ -594,13 +594,13 @@
|
|
|
594
594
|
:host([data-content-brand="advertorial"]) {
|
|
595
595
|
--grid-space-resp-lg: var(--space-4-x, 32px);
|
|
596
596
|
--grid-space-resp-xl: var(--space-8-x, 64px);
|
|
597
|
-
--layout-guide-grid-
|
|
597
|
+
--layout-guide-grid-columns: 8;
|
|
598
598
|
--section-space-base: var(--space-6-x, 48px);
|
|
599
599
|
--section-space-lg: var(--space-12-x, 96px);
|
|
600
600
|
--paragraph-end-space: var(--space-4-x, 32px);
|
|
601
601
|
--section-space-sm: var(--space-4-p-5-x, 36px);
|
|
602
|
-
--
|
|
603
|
-
--
|
|
602
|
+
--canvas-min-width-size: 600px;
|
|
603
|
+
--canvas-max-width-size: 1023px;
|
|
604
604
|
--canvas-height-size-web: 960px;
|
|
605
605
|
--canvas-width-size-web: 600px;
|
|
606
606
|
--canvas-width-size-app: 834px;
|
|
@@ -673,9 +673,9 @@
|
|
|
673
673
|
--grid-space-resp-base: var(--space-2-x, 16px);
|
|
674
674
|
--grid-space-resp-sm: var(--space-1-x, 8px);
|
|
675
675
|
--page-inline-space: var(--space-2-x, 16px);
|
|
676
|
-
--layout-guide-grid-
|
|
677
|
-
--
|
|
678
|
-
--
|
|
676
|
+
--layout-guide-grid-columns: 12;
|
|
677
|
+
--canvas-min-width-size: 1024px;
|
|
678
|
+
--canvas-max-width-size: 1024px;
|
|
679
679
|
--canvas-height-size-web: 768px;
|
|
680
680
|
--canvas-width-size-web: 1024px;
|
|
681
681
|
--canvas-width-size-app: 1194px;
|
|
@@ -807,7 +807,7 @@
|
|
|
807
807
|
font-family: var(--headline-font-family);
|
|
808
808
|
font-weight: 700;
|
|
809
809
|
font-size: var(--headline-4-font-size);
|
|
810
|
-
line-height: var(--headline-4-
|
|
810
|
+
line-height: var(--headline-4-line-height);
|
|
811
811
|
}
|
|
812
812
|
|
|
813
813
|
[data-content-brand="advertorial"] .subheadline-1,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*
|
|
4
|
-
* BILD Design System Tokens v1.
|
|
4
|
+
* BILD Design System Tokens v1.4.0
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Bild | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
|
|
@@ -853,13 +853,13 @@
|
|
|
853
853
|
--page-inline-space: var(--space-0-x, 0px);
|
|
854
854
|
--grid-space-const-lg: var(--space-2-x, 16px);
|
|
855
855
|
--grid-space-const-sm: var(--space-1-p-5-x, 12px);
|
|
856
|
-
--layout-guide-grid-
|
|
856
|
+
--layout-guide-grid-columns: 4;
|
|
857
857
|
--section-space-base: var(--space-4-p-5-x, 36px);
|
|
858
858
|
--section-space-lg: var(--space-9-x, 72px);
|
|
859
859
|
--paragraph-end-space: var(--space-2-x, 16px);
|
|
860
860
|
--section-space-sm: var(--space-3-x, 24px);
|
|
861
|
-
--
|
|
862
|
-
--
|
|
861
|
+
--canvas-min-width-size: 320px;
|
|
862
|
+
--canvas-max-width-size: 389px;
|
|
863
863
|
--canvas-height-size-web: 568px;
|
|
864
864
|
--canvas-width-size-web: 320px;
|
|
865
865
|
--canvas-width-size-app: 320px;
|
|
@@ -1040,8 +1040,8 @@
|
|
|
1040
1040
|
@media (min-width: 390px) {
|
|
1041
1041
|
[data-content-brand="bild"],
|
|
1042
1042
|
:host([data-content-brand="bild"]) {
|
|
1043
|
-
--
|
|
1044
|
-
--
|
|
1043
|
+
--canvas-min-width-size: 390px;
|
|
1044
|
+
--canvas-max-width-size: 599px;
|
|
1045
1045
|
--canvas-height-size-web: 844px;
|
|
1046
1046
|
--canvas-width-size-web: 390px;
|
|
1047
1047
|
--canvas-width-size-app: 390px;
|
|
@@ -1060,13 +1060,13 @@
|
|
|
1060
1060
|
:host([data-content-brand="bild"]) {
|
|
1061
1061
|
--grid-space-resp-lg: var(--space-4-x, 32px);
|
|
1062
1062
|
--grid-space-resp-xl: var(--space-8-x, 64px);
|
|
1063
|
-
--layout-guide-grid-
|
|
1063
|
+
--layout-guide-grid-columns: 8;
|
|
1064
1064
|
--section-space-base: var(--space-6-x, 48px);
|
|
1065
1065
|
--section-space-lg: var(--space-12-x, 96px);
|
|
1066
1066
|
--paragraph-end-space: var(--space-4-x, 32px);
|
|
1067
1067
|
--section-space-sm: var(--space-4-p-5-x, 36px);
|
|
1068
|
-
--
|
|
1069
|
-
--
|
|
1068
|
+
--canvas-min-width-size: 600px;
|
|
1069
|
+
--canvas-max-width-size: 1023px;
|
|
1070
1070
|
--canvas-height-size-web: 960px;
|
|
1071
1071
|
--canvas-width-size-web: 600px;
|
|
1072
1072
|
--canvas-width-size-app: 834px;
|
|
@@ -1145,9 +1145,9 @@
|
|
|
1145
1145
|
--grid-space-resp-base: var(--space-2-x, 16px);
|
|
1146
1146
|
--grid-space-resp-sm: var(--space-1-x, 8px);
|
|
1147
1147
|
--page-inline-space: var(--space-2-x, 16px);
|
|
1148
|
-
--layout-guide-grid-
|
|
1149
|
-
--
|
|
1150
|
-
--
|
|
1148
|
+
--layout-guide-grid-columns: 12;
|
|
1149
|
+
--canvas-min-width-size: 1024px;
|
|
1150
|
+
--canvas-max-width-size: 1024px;
|
|
1151
1151
|
--canvas-height-size-web: 768px;
|
|
1152
1152
|
--canvas-width-size-web: 1024px;
|
|
1153
1153
|
--canvas-width-size-app: 1194px;
|
|
@@ -1281,7 +1281,7 @@
|
|
|
1281
1281
|
font-family: var(--headline-font-family);
|
|
1282
1282
|
font-weight: 700;
|
|
1283
1283
|
font-size: var(--headline-4-font-size);
|
|
1284
|
-
line-height: var(--headline-4-
|
|
1284
|
+
line-height: var(--headline-4-line-height);
|
|
1285
1285
|
}
|
|
1286
1286
|
|
|
1287
1287
|
[data-content-brand="bild"] .subheadline-1,
|
|
@@ -2790,6 +2790,7 @@
|
|
|
2790
2790
|
--vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
|
|
2791
2791
|
--vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
|
|
2792
2792
|
--vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
|
|
2793
|
+
--vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
|
|
2793
2794
|
|
|
2794
2795
|
}
|
|
2795
2796
|
|
|
@@ -2812,6 +2813,7 @@
|
|
|
2812
2813
|
--vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
|
|
2813
2814
|
--vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
|
|
2814
2815
|
--vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
|
|
2816
|
+
--vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
|
|
2815
2817
|
|
|
2816
2818
|
}
|
|
2817
2819
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*
|
|
4
|
-
* BILD Design System Tokens v1.
|
|
4
|
+
* BILD Design System Tokens v1.4.0
|
|
5
5
|
* Generated by Style Dictionary v5.1.4
|
|
6
6
|
*
|
|
7
7
|
* Brand: Sportbild | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
|
|
@@ -853,13 +853,13 @@
|
|
|
853
853
|
--page-inline-space: var(--space-0-x, 0px);
|
|
854
854
|
--grid-space-const-lg: var(--space-2-x, 16px);
|
|
855
855
|
--grid-space-const-sm: var(--space-1-p-5-x, 12px);
|
|
856
|
-
--layout-guide-grid-
|
|
856
|
+
--layout-guide-grid-columns: 4;
|
|
857
857
|
--section-space-base: var(--space-4-p-5-x, 36px);
|
|
858
858
|
--section-space-lg: var(--space-9-x, 72px);
|
|
859
859
|
--paragraph-end-space: var(--space-2-x, 16px);
|
|
860
860
|
--section-space-sm: var(--space-3-x, 24px);
|
|
861
|
-
--
|
|
862
|
-
--
|
|
861
|
+
--canvas-min-width-size: 320px;
|
|
862
|
+
--canvas-max-width-size: 389px;
|
|
863
863
|
--canvas-height-size-web: 568px;
|
|
864
864
|
--canvas-width-size-web: 320px;
|
|
865
865
|
--canvas-width-size-app: 320px;
|
|
@@ -1040,8 +1040,8 @@
|
|
|
1040
1040
|
@media (min-width: 390px) {
|
|
1041
1041
|
[data-content-brand="sportbild"],
|
|
1042
1042
|
:host([data-content-brand="sportbild"]) {
|
|
1043
|
-
--
|
|
1044
|
-
--
|
|
1043
|
+
--canvas-min-width-size: 390px;
|
|
1044
|
+
--canvas-max-width-size: 599px;
|
|
1045
1045
|
--canvas-height-size-web: 844px;
|
|
1046
1046
|
--canvas-width-size-web: 390px;
|
|
1047
1047
|
--canvas-width-size-app: 390px;
|
|
@@ -1061,13 +1061,13 @@
|
|
|
1061
1061
|
:host([data-content-brand="sportbild"]) {
|
|
1062
1062
|
--grid-space-resp-lg: var(--space-4-x, 32px);
|
|
1063
1063
|
--grid-space-resp-xl: var(--space-8-x, 64px);
|
|
1064
|
-
--layout-guide-grid-
|
|
1064
|
+
--layout-guide-grid-columns: 8;
|
|
1065
1065
|
--section-space-base: var(--space-6-x, 48px);
|
|
1066
1066
|
--section-space-lg: var(--space-12-x, 96px);
|
|
1067
1067
|
--paragraph-end-space: var(--space-4-x, 32px);
|
|
1068
1068
|
--section-space-sm: var(--space-4-p-5-x, 36px);
|
|
1069
|
-
--
|
|
1070
|
-
--
|
|
1069
|
+
--canvas-min-width-size: 600px;
|
|
1070
|
+
--canvas-max-width-size: 1023px;
|
|
1071
1071
|
--canvas-height-size-web: 960px;
|
|
1072
1072
|
--canvas-width-size-web: 600px;
|
|
1073
1073
|
--canvas-width-size-app: 834px;
|
|
@@ -1148,9 +1148,9 @@
|
|
|
1148
1148
|
--grid-space-resp-base: var(--space-2-x, 16px);
|
|
1149
1149
|
--grid-space-resp-sm: var(--space-1-x, 8px);
|
|
1150
1150
|
--page-inline-space: var(--space-2-x, 16px);
|
|
1151
|
-
--layout-guide-grid-
|
|
1152
|
-
--
|
|
1153
|
-
--
|
|
1151
|
+
--layout-guide-grid-columns: 12;
|
|
1152
|
+
--canvas-min-width-size: 1024px;
|
|
1153
|
+
--canvas-max-width-size: 1024px;
|
|
1154
1154
|
--canvas-height-size-web: 768px;
|
|
1155
1155
|
--canvas-width-size-web: 1024px;
|
|
1156
1156
|
--canvas-width-size-app: 1194px;
|
|
@@ -1288,7 +1288,7 @@
|
|
|
1288
1288
|
font-family: var(--headline-font-family);
|
|
1289
1289
|
font-weight: 700;
|
|
1290
1290
|
font-size: var(--headline-4-font-size);
|
|
1291
|
-
line-height: var(--headline-4-
|
|
1291
|
+
line-height: var(--headline-4-line-height);
|
|
1292
1292
|
font-style: italic;
|
|
1293
1293
|
}
|
|
1294
1294
|
|
|
@@ -2811,6 +2811,7 @@
|
|
|
2811
2811
|
--vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
|
|
2812
2812
|
--vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
|
|
2813
2813
|
--vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
|
|
2814
|
+
--vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
|
|
2814
2815
|
|
|
2815
2816
|
}
|
|
2816
2817
|
|
|
@@ -2833,6 +2834,7 @@
|
|
|
2833
2834
|
--vid-player-unmute-button-bg-color: var(--color-neutral-0-a-20, rgba(0, 0, 0, 0.2));
|
|
2834
2835
|
--vid-player-unmute-button-bg-color-hover: var(--color-neutral-0-a-35, rgba(0, 0, 0, 0.35));
|
|
2835
2836
|
--vid-player-progress-bar-ad-bg-color: var(--color-yellow-80, #FFBF00);
|
|
2837
|
+
--vid-player-fullscreen-backdrop-color: var(--color-neutral-0, #000000);
|
|
2836
2838
|
|
|
2837
2839
|
}
|
|
2838
2840
|
|