@marioschmidt/design-system-tokens 1.0.26 → 1.0.28

package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss

@@ -0,0 +1,216 @@
+//
+// Effect Tokens - Advertorial / light
+// Generated on: 2025-11-25T09:43:16.861Z
+// Do not edit directly!
+//
+
+// ============================================
+// DROPSHADOWSOFT
+// ============================================
+
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftsm: (
+  1: (
+    offsetX: 0px,
+    offsetY: 1px,
+    radius: 4px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.03999999910593033)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 6px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.07999999821186066)
+  )
+);
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftmd: (
+  1: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 16px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.029999999329447746)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 4px,
+    radius: 12px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.07000000029802322)
+  )
+);
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftlg: (
+  1: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 24px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.029999999329447746)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 16px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.07000000029802322)
+  )
+);
+/** Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation. */
+$shadowsoftxl: (
+  1: (
+    offsetX: 0px,
+    offsetY: 0px,
+    radius: 64px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.05000000074505806)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 16px,
+    radius: 32px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+
+
+// ============================================
+// DROPSHADOWHARD
+// ============================================
+
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardsm: (
+  1: (
+    offsetX: 0px,
+    offsetY: 1px,
+    radius: 2px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 1px,
+    radius: 3px,
+    spread: 1px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardmd: (
+  1: (
+    offsetX: 0px,
+    offsetY: 4px,
+    radius: 8px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 4px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.1599999964237213)
+  )
+);
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardlg: (
+  1: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 3px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 6px,
+    radius: 10px,
+    spread: 4px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+/** Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus. */
+$shadowhardxl: (
+  1: (
+    offsetX: 0px,
+    offsetY: 4px,
+    radius: 4px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  ),
+  2: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 12px,
+    spread: 6px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+
+
+// ============================================
+// ALERT
+// ============================================
+
+$alertshadowdown: (
+  1: (
+    offsetX: 0px,
+    offsetY: 6px,
+    radius: 10px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  )
+);
+$alertshadowup: (
+  1: (
+    offsetX: 0px,
+    offsetY: -2px,
+    radius: 10px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.20000000298023224)
+  )
+);
+
+
+// ============================================
+// MENU
+// ============================================
+
+$menushadow: (
+  1: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 10px,
+    spread: -8px,
+    color: rgba(0, 0, 0, 0.10000000149011612)
+  )
+);
+$heyinputshadow: (
+  1: (
+    offsetX: 0px,
+    offsetY: 8px,
+    radius: 10px,
+    spread: -8px,
+    color: rgba(0, 0, 0, 0)
+  )
+);
+
+
+// ============================================
+// TEASER
+// ============================================
+
+$teaserheadlinesshadow: (
+  1: (
+    offsetX: 0px,
+    offsetY: 2px,
+    radius: 8px,
+    spread: 0px,
+    color: rgba(0, 0, 0, 0.6000000238418579)
+  )
+);
+