@marioschmidt/design-system-tokens 1.0.20 → 1.0.22
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/android/res/values/shared/colorprimitive.xml +5 -5
- package/dist/android/res/values/shared/spaceprimitive.xml +1 -1
- package/dist/css/brands/advertorial/density/density-compact.css +31 -6
- package/dist/css/brands/advertorial/density/density-default.css +31 -6
- package/dist/css/brands/advertorial/density/density-spacious.css +31 -6
- package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +694 -200
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
- package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/advertorial/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/bild/density/density-compact.css +31 -6
- package/dist/css/brands/bild/density/density-default.css +31 -6
- package/dist/css/brands/bild/density/density-spacious.css +31 -6
- package/dist/css/brands/bild/overrides/brandcolormapping.css +238 -54
- package/dist/css/brands/bild/overrides/brandtokenmapping.css +694 -200
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
- package/dist/css/brands/bild/semantic/color/colormode-dark.css +532 -280
- package/dist/css/brands/bild/semantic/color/colormode-light.css +532 -280
- package/dist/css/brands/bild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/bild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/sportbild/density/density-compact.css +31 -6
- package/dist/css/brands/sportbild/density/density-default.css +31 -6
- package/dist/css/brands/sportbild/density/density-spacious.css +31 -6
- package/dist/css/brands/sportbild/overrides/brandcolormapping.css +238 -54
- package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +694 -200
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
- package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +532 -280
- package/dist/css/brands/sportbild/semantic/color/colormode-light.css +532 -280
- package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/sportbild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/shared/colorprimitive.css +162 -50
- package/dist/css/shared/fontprimitive.css +99 -33
- package/dist/css/shared/sizeprimitive.css +8 -1
- package/dist/css/shared/spaceprimitive.css +9 -2
- package/dist/flutter/brands/advertorial/density/density-compact.dart +5 -0
- package/dist/flutter/brands/advertorial/density/density-default.dart +5 -0
- package/dist/flutter/brands/advertorial/density/density-spacious.dart +5 -0
- package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +17 -2
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
- package/dist/flutter/brands/bild/density/density-compact.dart +5 -0
- package/dist/flutter/brands/bild/density/density-default.dart +5 -0
- package/dist/flutter/brands/bild/density/density-spacious.dart +5 -0
- package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +10 -1
- package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +17 -2
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
- package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +10 -0
- package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +10 -0
- package/dist/flutter/brands/sportbild/density/density-compact.dart +5 -0
- package/dist/flutter/brands/sportbild/density/density-default.dart +5 -0
- package/dist/flutter/brands/sportbild/density/density-spacious.dart +5 -0
- package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +10 -1
- package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +17 -2
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +10 -0
- package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +10 -0
- package/dist/flutter/shared/colorprimitive.dart +25 -6
- package/dist/flutter/shared/fontprimitive.dart +20 -3
- package/dist/flutter/shared/sizeprimitive.dart +5 -0
- package/dist/flutter/shared/spaceprimitive.dart +6 -1
- package/dist/ios/brands/advertorial/density/DensityCompact.swift +5 -0
- package/dist/ios/brands/advertorial/density/DensityDefault.swift +5 -0
- package/dist/ios/brands/advertorial/density/DensitySpacious.swift +5 -0
- package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +17 -2
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +17 -1
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +17 -1
- package/dist/ios/brands/bild/density/DensityCompact.swift +5 -0
- package/dist/ios/brands/bild/density/DensityDefault.swift +5 -0
- package/dist/ios/brands/bild/density/DensitySpacious.swift +5 -0
- package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +10 -1
- package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +17 -2
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
- package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +10 -0
- package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +10 -0
- package/dist/ios/brands/sportbild/density/DensityCompact.swift +5 -0
- package/dist/ios/brands/sportbild/density/DensityDefault.swift +5 -0
- package/dist/ios/brands/sportbild/density/DensitySpacious.swift +5 -0
- package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +10 -1
- package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +17 -2
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +10 -0
- package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +10 -0
- package/dist/ios/shared/Colorprimitive.swift +25 -6
- package/dist/ios/shared/Fontprimitive.swift +20 -3
- package/dist/ios/shared/Sizeprimitive.swift +5 -0
- package/dist/ios/shared/Spaceprimitive.swift +6 -1
- package/dist/js/brands/advertorial/density/density-compact.js +16 -1
- package/dist/js/brands/advertorial/density/density-default.js +16 -1
- package/dist/js/brands/advertorial/density/density-spacious.js +16 -1
- package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +404 -158
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +775 -336
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
- package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/advertorial/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/brands/bild/density/density-compact.js +16 -1
- package/dist/js/brands/bild/density/density-default.js +16 -1
- package/dist/js/brands/bild/density/density-spacious.js +16 -1
- package/dist/js/brands/bild/overrides/brandcolormapping.js +127 -44
- package/dist/js/brands/bild/overrides/brandtokenmapping.js +404 -158
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
- package/dist/js/brands/bild/semantic/color/colormode-dark.js +426 -184
- package/dist/js/brands/bild/semantic/color/colormode-light.js +426 -182
- package/dist/js/brands/bild/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/bild/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/bild/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/brands/sportbild/density/density-compact.js +16 -1
- package/dist/js/brands/sportbild/density/density-default.js +16 -1
- package/dist/js/brands/sportbild/density/density-spacious.js +16 -1
- package/dist/js/brands/sportbild/overrides/brandcolormapping.js +127 -44
- package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +404 -158
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
- package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +426 -184
- package/dist/js/brands/sportbild/semantic/color/colormode-light.js +426 -182
- package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/sportbild/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/shared/colorprimitive.js +126 -46
- package/dist/js/shared/fontprimitive.js +76 -34
- package/dist/js/shared/sizeprimitive.js +8 -1
- package/dist/js/shared/spaceprimitive.js +9 -2
- package/dist/json/shared/colorprimitive.json +15 -15
- package/dist/json/shared/spaceprimitive.json +3 -3
- package/dist/manifest.json +1 -1
- package/dist/scss/brands/advertorial/density/density-compact.scss +22 -6
- package/dist/scss/brands/advertorial/density/density-default.scss +22 -6
- package/dist/scss/brands/advertorial/density/density-spacious.scss +22 -6
- package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +448 -201
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/brands/bild/density/density-compact.scss +22 -6
- package/dist/scss/brands/bild/density/density-default.scss +22 -6
- package/dist/scss/brands/bild/density/density-spacious.scss +22 -6
- package/dist/scss/brands/bild/overrides/brandcolormapping.scss +140 -55
- package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +448 -201
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
- package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +423 -272
- package/dist/scss/brands/bild/semantic/color/colormode-light.scss +423 -272
- package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/bild/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/brands/sportbild/density/density-compact.scss +22 -6
- package/dist/scss/brands/sportbild/density/density-default.scss +22 -6
- package/dist/scss/brands/sportbild/density/density-spacious.scss +22 -6
- package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +140 -55
- package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +448 -201
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +423 -272
- package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +423 -272
- package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/shared/colorprimitive.scss +131 -50
- package/dist/scss/shared/fontprimitive.scss +76 -33
- package/dist/scss/shared/sizeprimitive.scss +9 -1
- package/dist/scss/shared/spaceprimitive.scss +10 -2
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
<color name="bild060">#8c9196</color>
|
|
15
15
|
<color name="bild096">#f2f4f5</color>
|
|
16
16
|
<color name="bild093">#e9ecef</color>
|
|
17
|
-
<color name="bild085-
|
|
17
|
+
<color name="bild085-alpha50">#ced4da80</color><!-- The 50% opacity on this color makes it equivalent to BILD093. -->
|
|
18
18
|
<color name="bild073">#aeb4b9</color>
|
|
19
19
|
<color name="bild045">#666b70</color>
|
|
20
20
|
<color name="bild010">#1c1c1c</color>
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
<color name="bildgreen070">#00c373</color>
|
|
26
26
|
<color name="bildgreen063">#00af67</color>
|
|
27
27
|
<color name="bildgreen093">#cef4e4</color>
|
|
28
|
-
<color name="bildgreen093-
|
|
29
|
-
<color name="bildgreen056-
|
|
28
|
+
<color name="bildgreen093-alpha50">#cef4e480</color>
|
|
29
|
+
<color name="bildgreen056-alpha50">#009b5a80</color>
|
|
30
30
|
<color name="bildgreen040">#006e3e</color><!-- This value of green was found in a text field's text color. -->
|
|
31
31
|
<color name="bildgreen056">#18995c</color>
|
|
32
32
|
<color name="bildyellow">#ffbf00</color><!-- Tone: 081 -->
|
|
@@ -66,8 +66,8 @@
|
|
|
66
66
|
<color name="spobi-blue010">#081828</color>
|
|
67
67
|
<color name="spobi-blue038">#315998</color>
|
|
68
68
|
<color name="spobi-red">#e52528</color>
|
|
69
|
-
<color name="spobi-blue016-
|
|
70
|
-
<color name="spobi-blue016-
|
|
69
|
+
<color name="spobi-blue016-alpha0">#0a275000</color>
|
|
70
|
+
<color name="spobi-blue016-alpha70">#0a2750b2</color>
|
|
71
71
|
<string name="opacity05">5px</string>
|
|
72
72
|
<string name="opacity10">10px</string>
|
|
73
73
|
<string name="opacity20">20px</string>
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
<dimen name="space10x">80px</dimen>
|
|
20
20
|
<dimen name="space20x">160px</dimen>
|
|
21
21
|
<dimen name="space2-5x">20px</dimen>
|
|
22
|
-
<dimen name="space-
|
|
22
|
+
<dimen name="space-neg0-25x">-2px</dimen>
|
|
23
23
|
<dimen name="space0-75x">6px</dimen>
|
|
24
24
|
<dimen name="space1-25x">10px</dimen>
|
|
25
25
|
<dimen name="space2-75x">22px</dimen>
|
|
@@ -1,14 +1,39 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* density-compact.css
|
|
3
|
+
* Generiert am: 2025-11-24T20:37:10.266Z
|
|
4
|
+
* Nicht manuell bearbeiten!
|
|
3
5
|
*/
|
|
4
6
|
|
|
5
7
|
:root {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
/* ============================================
|
|
9
|
+
COMPONENT
|
|
10
|
+
============================================ */
|
|
11
|
+
|
|
12
|
+
/* Component - Button */
|
|
13
|
+
/**
|
|
14
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
|
|
15
|
+
*/
|
|
16
|
+
--button-content-gap-space: 6px;
|
|
17
|
+
/**
|
|
18
|
+
* This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
|
|
19
|
+
*/
|
|
20
|
+
--button-stack-space: 6px;
|
|
21
|
+
/**
|
|
22
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
|
|
23
|
+
*/
|
|
24
|
+
--button-label-font-size: 15px;
|
|
25
|
+
/**
|
|
26
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
|
|
27
|
+
*/
|
|
28
|
+
--button-inline-space: 16px;
|
|
29
|
+
|
|
30
|
+
/* Component - Inputfield */
|
|
10
31
|
--input-field-inline-space: 16px;
|
|
11
32
|
--input-field-stack-space: 6px;
|
|
12
33
|
--input-field-height-size: 36px;
|
|
13
|
-
|
|
34
|
+
/**
|
|
35
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
|
|
36
|
+
*/
|
|
37
|
+
--input-field-label-font-size: 16px;
|
|
38
|
+
|
|
14
39
|
}
|
|
@@ -1,14 +1,39 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* density-default.css
|
|
3
|
+
* Generiert am: 2025-11-24T20:37:10.306Z
|
|
4
|
+
* Nicht manuell bearbeiten!
|
|
3
5
|
*/
|
|
4
6
|
|
|
5
7
|
:root {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
/* ============================================
|
|
9
|
+
COMPONENT
|
|
10
|
+
============================================ */
|
|
11
|
+
|
|
12
|
+
/* Component - Button */
|
|
13
|
+
/**
|
|
14
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
|
|
15
|
+
*/
|
|
16
|
+
--button-content-gap-space: 8px;
|
|
17
|
+
/**
|
|
18
|
+
* This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
|
|
19
|
+
*/
|
|
20
|
+
--button-stack-space: 8px;
|
|
21
|
+
/**
|
|
22
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
|
|
23
|
+
*/
|
|
24
|
+
--button-label-font-size: 17px;
|
|
25
|
+
/**
|
|
26
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
|
|
27
|
+
*/
|
|
28
|
+
--button-inline-space: 20px;
|
|
29
|
+
|
|
30
|
+
/* Component - Inputfield */
|
|
10
31
|
--input-field-inline-space: 16px;
|
|
11
32
|
--input-field-stack-space: 8px;
|
|
12
33
|
--input-field-height-size: 40px;
|
|
13
|
-
|
|
34
|
+
/**
|
|
35
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
|
|
36
|
+
*/
|
|
37
|
+
--input-field-label-font-size: 17px;
|
|
38
|
+
|
|
14
39
|
}
|
|
@@ -1,14 +1,39 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* density-spacious.css
|
|
3
|
+
* Generiert am: 2025-11-24T20:37:10.345Z
|
|
4
|
+
* Nicht manuell bearbeiten!
|
|
3
5
|
*/
|
|
4
6
|
|
|
5
7
|
:root {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
/* ============================================
|
|
9
|
+
COMPONENT
|
|
10
|
+
============================================ */
|
|
11
|
+
|
|
12
|
+
/* Component - Button */
|
|
13
|
+
/**
|
|
14
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
|
|
15
|
+
*/
|
|
16
|
+
--button-content-gap-space: 8px;
|
|
17
|
+
/**
|
|
18
|
+
* This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
|
|
19
|
+
*/
|
|
20
|
+
--button-stack-space: 12px;
|
|
21
|
+
/**
|
|
22
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
|
|
23
|
+
*/
|
|
24
|
+
--button-label-font-size: 19px;
|
|
25
|
+
/**
|
|
26
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
|
|
27
|
+
*/
|
|
28
|
+
--button-inline-space: 24px;
|
|
29
|
+
|
|
30
|
+
/* Component - Inputfield */
|
|
10
31
|
--input-field-inline-space: 16px;
|
|
11
32
|
--input-field-stack-space: 12px;
|
|
12
33
|
--input-field-height-size: 48px;
|
|
13
|
-
|
|
34
|
+
/**
|
|
35
|
+
* This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
|
|
36
|
+
*/
|
|
37
|
+
--input-field-label-font-size: 19px;
|
|
38
|
+
|
|
14
39
|
}
|