@marioschmidt/design-system-tokens 1.0.20 → 1.0.21
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/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 +160 -48
- package/dist/css/shared/fontprimitive.css +99 -33
- package/dist/css/shared/sizeprimitive.css +8 -1
- package/dist/css/shared/spaceprimitive.css +8 -1
- 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 +20 -1
- package/dist/flutter/shared/fontprimitive.dart +20 -3
- package/dist/flutter/shared/sizeprimitive.dart +5 -0
- package/dist/flutter/shared/spaceprimitive.dart +5 -0
- 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 +20 -1
- package/dist/ios/shared/Fontprimitive.swift +20 -3
- package/dist/ios/shared/Sizeprimitive.swift +5 -0
- package/dist/ios/shared/Spaceprimitive.swift +5 -0
- 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 +125 -45
- package/dist/js/shared/fontprimitive.js +76 -34
- package/dist/js/shared/sizeprimitive.js +8 -1
- package/dist/js/shared/spaceprimitive.js +8 -1
- 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 +129 -48
- package/dist/scss/shared/fontprimitive.scss +76 -33
- package/dist/scss/shared/sizeprimitive.scss +9 -1
- package/dist/scss/shared/spaceprimitive.scss +9 -1
- package/package.json +1 -1
|
@@ -1,16 +1,56 @@
|
|
|
1
|
+
//
|
|
2
|
+
// effects-dark.scss
|
|
3
|
+
// Generiert am: 2025-11-24T20:34:59.113Z
|
|
4
|
+
// Nicht manuell bearbeiten!
|
|
5
|
+
//
|
|
6
|
+
|
|
7
|
+
// ============================================
|
|
8
|
+
// ALERT
|
|
9
|
+
// ============================================
|
|
10
|
+
|
|
11
|
+
$alertshadowdown: [object Object];
|
|
12
|
+
$alertshadowup: [object Object];
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
// ============================================
|
|
16
|
+
// DROPSHADOWHARD
|
|
17
|
+
// ============================================
|
|
18
|
+
|
|
19
|
+
// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
20
|
+
$shadowhardsm: [object Object],[object Object];
|
|
21
|
+
// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
22
|
+
$shadowhardmd: [object Object],[object Object];
|
|
23
|
+
// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
24
|
+
$shadowhardlg: [object Object],[object Object];
|
|
25
|
+
// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
26
|
+
$shadowhardxl: [object Object],[object Object];
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
// ============================================
|
|
30
|
+
// DROPSHADOWSOFT
|
|
31
|
+
// ============================================
|
|
32
|
+
|
|
33
|
+
// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
34
|
+
$shadowsoftsm: [object Object],[object Object];
|
|
35
|
+
// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
36
|
+
$shadowsoftmd: [object Object],[object Object];
|
|
37
|
+
// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
38
|
+
$shadowsoftlg: [object Object],[object Object];
|
|
39
|
+
// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
40
|
+
$shadowsoftxl: [object Object],[object Object];
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
// ============================================
|
|
44
|
+
// MENU
|
|
45
|
+
// ============================================
|
|
46
|
+
|
|
47
|
+
$menushadow: [object Object];
|
|
48
|
+
$heyinputshadow: [object Object];
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
// ============================================
|
|
52
|
+
// TEASER
|
|
53
|
+
// ============================================
|
|
54
|
+
|
|
55
|
+
$teaserheadlinesshadow: [object Object];
|
|
1
56
|
|
|
2
|
-
// Do not edit directly, this file was auto-generated.
|
|
3
|
-
|
|
4
|
-
$dropshadowsoft-shadowsoftsm: dropShadow 0 1 0 rgba(0, 0, 0, 0.03999999910593033), dropShadow 0 2 0 rgba(0, 0, 0, 0.07999999821186066); // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
5
|
-
$dropshadowsoft-shadowsoftmd: dropShadow 0 2 0 rgba(0, 0, 0, 0.029999999329447746), dropShadow 0 4 0 rgba(0, 0, 0, 0.07000000029802322); // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
6
|
-
$dropshadowsoft-shadowsoftlg: dropShadow 0 8 0 rgba(0, 0, 0, 0.029999999329447746), dropShadow 0 8 0 rgba(0, 0, 0, 0.07000000029802322); // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
7
|
-
$dropshadowsoft-shadowsoftxl: dropShadow 0 0 0 rgba(0, 0, 0, 0.05000000074505806), dropShadow 0 16 0 rgba(0, 0, 0, 0.10000000149011612); // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
8
|
-
$dropshadowhard-shadowhardsm: dropShadow 0 1 0 rgba(0, 0, 0, 0.20000000298023224), dropShadow 0 1 0 1 rgba(0, 0, 0, 0.10000000149011612); // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
9
|
-
$dropshadowhard-shadowhardmd: dropShadow 0 4 0 rgba(0, 0, 0, 0.10000000149011612), dropShadow 0 2 0 rgba(0, 0, 0, 0.1599999964237213); // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
10
|
-
$dropshadowhard-shadowhardlg: dropShadow 0 2 0 rgba(0, 0, 0, 0.20000000298023224), dropShadow 0 6 0 4 rgba(0, 0, 0, 0.10000000149011612); // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
11
|
-
$dropshadowhard-shadowhardxl: dropShadow 0 4 0 rgba(0, 0, 0, 0.20000000298023224), dropShadow 0 8 0 6 rgba(0, 0, 0, 0.10000000149011612); // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
12
|
-
$alert-alertshadowdown: dropShadow 0 6 0 rgba(0, 0, 0, 0.20000000298023224);
|
|
13
|
-
$alert-alertshadowup: dropShadow 0 -2 0 rgba(0, 0, 0, 0.20000000298023224);
|
|
14
|
-
$menu-menushadow: dropShadow 0 8 0 -8 rgba(0, 0, 0, 0.10000000149011612);
|
|
15
|
-
$menu-heyinputshadow: dropShadow 0 8 0 -8 rgba(0, 0, 0, 0);
|
|
16
|
-
$teaser-teaserheadlinesshadow: dropShadow 0 2 0 rgba(0, 0, 0, 0.6000000238418579);
|
|
@@ -1,16 +1,56 @@
|
|
|
1
|
+
//
|
|
2
|
+
// effects-light.scss
|
|
3
|
+
// Generiert am: 2025-11-24T20:34:59.048Z
|
|
4
|
+
// Nicht manuell bearbeiten!
|
|
5
|
+
//
|
|
6
|
+
|
|
7
|
+
// ============================================
|
|
8
|
+
// ALERT
|
|
9
|
+
// ============================================
|
|
10
|
+
|
|
11
|
+
$alertshadowdown: [object Object];
|
|
12
|
+
$alertshadowup: [object Object];
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
// ============================================
|
|
16
|
+
// DROPSHADOWHARD
|
|
17
|
+
// ============================================
|
|
18
|
+
|
|
19
|
+
// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
20
|
+
$shadowhardsm: [object Object],[object Object];
|
|
21
|
+
// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
22
|
+
$shadowhardmd: [object Object],[object Object];
|
|
23
|
+
// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
24
|
+
$shadowhardlg: [object Object],[object Object];
|
|
25
|
+
// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
26
|
+
$shadowhardxl: [object Object],[object Object];
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
// ============================================
|
|
30
|
+
// DROPSHADOWSOFT
|
|
31
|
+
// ============================================
|
|
32
|
+
|
|
33
|
+
// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
34
|
+
$shadowsoftsm: [object Object],[object Object];
|
|
35
|
+
// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
36
|
+
$shadowsoftmd: [object Object],[object Object];
|
|
37
|
+
// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
38
|
+
$shadowsoftlg: [object Object],[object Object];
|
|
39
|
+
// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
40
|
+
$shadowsoftxl: [object Object],[object Object];
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
// ============================================
|
|
44
|
+
// MENU
|
|
45
|
+
// ============================================
|
|
46
|
+
|
|
47
|
+
$menushadow: [object Object];
|
|
48
|
+
$heyinputshadow: [object Object];
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
// ============================================
|
|
52
|
+
// TEASER
|
|
53
|
+
// ============================================
|
|
54
|
+
|
|
55
|
+
$teaserheadlinesshadow: [object Object];
|
|
1
56
|
|
|
2
|
-
// Do not edit directly, this file was auto-generated.
|
|
3
|
-
|
|
4
|
-
$dropshadowsoft-shadowsoftsm: dropShadow 0 1 0 rgba(0, 0, 0, 0.03999999910593033), dropShadow 0 2 0 rgba(0, 0, 0, 0.07999999821186066); // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
5
|
-
$dropshadowsoft-shadowsoftmd: dropShadow 0 2 0 rgba(0, 0, 0, 0.029999999329447746), dropShadow 0 4 0 rgba(0, 0, 0, 0.07000000029802322); // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
6
|
-
$dropshadowsoft-shadowsoftlg: dropShadow 0 8 0 rgba(0, 0, 0, 0.029999999329447746), dropShadow 0 8 0 rgba(0, 0, 0, 0.07000000029802322); // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
7
|
-
$dropshadowsoft-shadowsoftxl: dropShadow 0 0 0 rgba(0, 0, 0, 0.05000000074505806), dropShadow 0 16 0 rgba(0, 0, 0, 0.10000000149011612); // Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
|
|
8
|
-
$dropshadowhard-shadowhardsm: dropShadow 0 1 0 rgba(0, 0, 0, 0.20000000298023224), dropShadow 0 1 0 1 rgba(0, 0, 0, 0.10000000149011612); // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
9
|
-
$dropshadowhard-shadowhardmd: dropShadow 0 4 0 rgba(0, 0, 0, 0.10000000149011612), dropShadow 0 2 0 rgba(0, 0, 0, 0.1599999964237213); // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
10
|
-
$dropshadowhard-shadowhardlg: dropShadow 0 2 0 rgba(0, 0, 0, 0.20000000298023224), dropShadow 0 6 0 4 rgba(0, 0, 0, 0.10000000149011612); // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
11
|
-
$dropshadowhard-shadowhardxl: dropShadow 0 4 0 rgba(0, 0, 0, 0.20000000298023224), dropShadow 0 8 0 6 rgba(0, 0, 0, 0.10000000149011612); // Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
|
|
12
|
-
$alert-alertshadowdown: dropShadow 0 6 0 rgba(0, 0, 0, 0.20000000298023224);
|
|
13
|
-
$alert-alertshadowup: dropShadow 0 -2 0 rgba(0, 0, 0, 0.20000000298023224);
|
|
14
|
-
$menu-menushadow: dropShadow 0 8 0 -8 rgba(0, 0, 0, 0.10000000149011612);
|
|
15
|
-
$menu-heyinputshadow: dropShadow 0 8 0 -8 rgba(0, 0, 0, 0);
|
|
16
|
-
$teaser-teaserheadlinesshadow: dropShadow 0 2 0 rgba(0, 0, 0, 0.6000000238418579);
|