zeus-css 1.0.11 → 1.0.12

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.
Files changed (7) hide show
  1. package/dist/zeus.css +1 -1
  2. package/package.json +5 -3
  3. package/scss/cheatsheet.md +249 -249
  4. package/scss/llms.txt +247 -247
  5. package/scss/zeus.config.scss +1 -1
  6. package/scss/zeus.tokens.json +687 -687
  7. package/scss/CHANGELOG.md +0 -299
package/scss/llms.txt CHANGED
@@ -1,247 +1,247 @@
1
- # Zeus CSS — LLM Reference
2
-
3
- Auto-generated from source (scripts/gen-cheatsheet.mjs). Two entry points:
4
- @use "zeus" as *; — mixins/functions only, zero CSS emitted
5
- @use "foundation"; — full compiled CSS, import once at app root
6
-
7
- ## Mixins & Functions
8
-
9
- mixin fade-in($duration: 0.3s, $delay: 0s, $timing: ease-in-out) — Usage: @include fade-in(0.5s, 0.2s); [foundation/core/engine/animations.scss]
10
- mixin slide-in($direction: bottom, $duration: 0.3s, $delay: 0s, $timing: ease-out) — Usage: @include slide-in(left, 0.4s); [foundation/core/engine/animations.scss]
11
- mixin scale($scale: 1.05, $duration: 0.3s, $timing: ease-in-out) — Usage: @include scale(1.1, 0.3s); [foundation/core/engine/animations.scss]
12
- mixin bounce($duration: 0.8s, $iteration: 1, $delay: 0s) — Usage: @include bounce(0.6s, infinite); [foundation/core/engine/animations.scss]
13
- mixin pulse($duration: 1s, $iteration: infinite) — Usage: @include pulse(1.5s, infinite); [foundation/core/engine/animations.scss]
14
- mixin rotate($degrees: 360deg, $duration: 1s, $timing: linear, $iteration: 1) — Usage: @include rotate(360deg, 2s, linear, infinite); [foundation/core/engine/animations.scss]
15
- mixin button-base-reset() [foundation/core/engine/buttons.scss]
16
- mixin button-structure() [foundation/core/engine/buttons.scss]
17
- mixin button-apply-variant($variant: "primary") — Uses direct map access instead of a getter function [foundation/core/engine/buttons.scss]
18
- mixin btn-primary() [foundation/core/engine/buttons.scss]
19
- mixin btn-secondary() [foundation/core/engine/buttons.scss]
20
- mixin btn-tertiary() [foundation/core/engine/buttons.scss]
21
- mixin btn-icon-only() [foundation/core/engine/buttons.scss]
22
- mixin btn-variant($variant: "primary") [foundation/core/engine/buttons.scss]
23
- mixin btn-size($size: "md") [foundation/core/engine/buttons.scss]
24
- function color($name, $alpha: 1) — Retrieve any color from the design palette with optional alpha [foundation/core/engine/color-api.scss]
25
- function map-get-safe($map, $key) — Extracts values from the provided map structure with type validation and unquoted key normalization [foundation/core/engine/helpers.scss]
26
- mixin border-radius($type) — Applies dynamically-scaled responsive rounded corners based on predefined maps [foundation/core/engine/layout.scss]
27
- mixin border-line($type) — Configures responsive border thickness and strokes across viewport ranges [foundation/core/engine/layout.scss]
28
- mixin box-size($type) — Mixin for icon sizes through devices — always clamp() [foundation/core/engine/layout.scss]
29
- mixin padding($size, $direction: null) — Mixin for padding with optional direction — references --space-* :root token [foundation/core/engine/layout.scss]
30
- mixin margin($size, $direction: null) — Mixin for margin with optional direction — references --space-* :root token [foundation/core/engine/layout.scss]
31
- mixin gap($size, $direction: null) — Mixin for gap with optional direction — references --space-* :root token [foundation/core/engine/layout.scss]
32
- mixin not-first-child() [foundation/core/engine/layout.scss]
33
- mixin not-last-child() [foundation/core/engine/layout.scss]
34
- mixin horizontal-scroll() [foundation/core/engine/layout.scss]
35
- mixin no-horizontal-scroll() [foundation/core/engine/layout.scss]
36
- function bp($key) [foundation/core/engine/responsive.scss]
37
- mixin screen-above($breakpoint) [foundation/core/engine/responsive.scss]
38
- mixin screen-below($breakpoint) [foundation/core/engine/responsive.scss]
39
- mixin screen-between($lower, $upper) [foundation/core/engine/responsive.scss]
40
- mixin suppress-on($scope) — Scopes: 'handheld', 'mobile', 'tablet', 'desktop' (all singular). [foundation/core/engine/responsive.scss]
41
- mixin apply-shadow($size: "md") — Usage: @include apply-shadow("md"); [foundation/core/engine/shadows.scss]
42
- mixin elevation($level: 1) — Usage: @include elevation(2); // Applies shadow-md [foundation/core/engine/shadows.scss]
43
- mixin hover-shadow($default: "md", $hover: "lg") — Usage: @include hover-shadow("sm", "lg"); [foundation/core/engine/shadows.scss]
44
- mixin focus-shadow($shadow: "outline") — Usage: @include focus-shadow("outline"); [foundation/core/engine/shadows.scss]
45
- mixin interactive-shadow($default: "md", $hover: "lg", $focus: "outline") — Usage: @include interactive-shadow("md", "lg", "outline"); [foundation/core/engine/shadows.scss]
46
- mixin card-shadow() — Usage: @include card-shadow(); [foundation/core/engine/shadows.scss]
47
- mixin semantic-shadow($type: "primary") — Usage: @include semantic-shadow("primary"); [foundation/core/engine/shadows.scss]
48
- mixin glow-effect($color: rgba(59, 130, 246, 0.5), $blur: 20px) — Usage: @include glow-effect("primary", 0.5); [foundation/core/engine/shadows.scss]
49
- mixin inner-shadow($size: "inner") — Usage: @include inner-shadow(); [foundation/core/engine/shadows.scss]
50
- mixin layered-shadow($shadow1, $shadow2) — Usage: @include layered-shadow("md", "primary"); [foundation/core/engine/shadows.scss]
51
- mixin conditional-shadow($state: "hover", $shadow: "md") — Usage: @include conditional-shadow("hover", "lg"); [foundation/core/engine/shadows.scss]
52
- mixin no-shadow() — Usage: @include no-shadow(); [foundation/core/engine/shadows.scss]
53
- mixin p($size, $dir: null) [foundation/core/engine/shortcuts.scss]
54
- mixin m($size, $dir: null) [foundation/core/engine/shortcuts.scss]
55
- mixin g($size, $dir: null) [foundation/core/engine/shortcuts.scss]
56
- mixin r($type) [foundation/core/engine/shortcuts.scss]
57
- mixin t($type) [foundation/core/engine/shortcuts.scss]
58
- mixin sz($type) [foundation/core/engine/shortcuts.scss]
59
- function useclamp-sizing($min, $max, $c-floor: map.get($container-bounds, "floor"), $c-ceil: map.get($container-bounds, "ceil"), $precision: 3) [foundation/core/engine/sizing.scss]
60
- mixin zeus-theme($name, $config) [foundation/core/engine/theme-builder.scss]
61
- mixin text($type) — The var is already generated by root-generator.scss. [foundation/core/engine/typographics.scss]
62
- function useclamp-typography($typeface, $precision: 3) [foundation/core/engine/typography-calc.scss]
63
-
64
- ## Utility Class Families
65
-
66
- .flex (load-flexbox) [foundation/views/render/classes/flexbox.scss]
67
- .flex-row (load-flexbox) [foundation/views/render/classes/flexbox.scss]
68
- .flex-wrap (load-flexbox) [foundation/views/render/classes/flexbox.scss]
69
- .flex-column (load-flexbox) [foundation/views/render/classes/flexbox.scss]
70
- .flex-center (load-flexbox) [foundation/views/render/classes/flexbox.scss]
71
- .flex-space-between (load-flexbox) [foundation/views/render/classes/flexbox.scss]
72
- .d-none (load-flexbox) [foundation/views/render/classes/flexbox.scss]
73
- .d-block (load-flexbox) [foundation/views/render/classes/flexbox.scss]
74
- .d-inline-block (load-flexbox) [foundation/views/render/classes/flexbox.scss]
75
- .align-center (load-flexbox) [foundation/views/render/classes/flexbox.scss]
76
- .align-start (load-flexbox) [foundation/views/render/classes/flexbox.scss]
77
- .align-end (load-flexbox) [foundation/views/render/classes/flexbox.scss]
78
- .justify-center (load-flexbox) [foundation/views/render/classes/flexbox.scss]
79
- .justify-start (load-flexbox) [foundation/views/render/classes/flexbox.scss]
80
- .justify-end (load-flexbox) [foundation/views/render/classes/flexbox.scss]
81
- .justify-between (load-flexbox) [foundation/views/render/classes/flexbox.scss]
82
- .justify-around (load-flexbox) [foundation/views/render/classes/flexbox.scss]
83
- .d-grid (load-grid) [foundation/views/render/classes/grid.scss]
84
- .d-inline-grid (load-grid) [foundation/views/render/classes/grid.scss]
85
- .grid (load-grid) [foundation/views/render/classes/grid.scss]
86
- .col-span-{n} (load-grid) [foundation/views/render/classes/grid.scss]
87
- .col-span-full (load-grid) [foundation/views/render/classes/grid.scss]
88
- .col-start-{n} (load-grid) [foundation/views/render/classes/grid.scss]
89
- .col-end-{n} (load-grid) [foundation/views/render/classes/grid.scss]
90
- .grid-cards (load-grid) [foundation/views/render/classes/grid.scss]
91
- .grid-sidebar (load-grid) [foundation/views/render/classes/grid.scss]
92
- .grid-split (load-grid) [foundation/views/render/classes/grid.scss]
93
- .grid-thirds (load-grid) [foundation/views/render/classes/grid.scss]
94
- .animate-fade-in (load-animations) [foundation/views/render/classes/_animations.scss]
95
- .animate-fade-in-slow (load-animations) [foundation/views/render/classes/_animations.scss]
96
- .animate-fade-in-fast (load-animations) [foundation/views/render/classes/_animations.scss]
97
- .animate-slide-up (load-animations) [foundation/views/render/classes/_animations.scss]
98
- .animate-slide-down (load-animations) [foundation/views/render/classes/_animations.scss]
99
- .animate-slide-left (load-animations) [foundation/views/render/classes/_animations.scss]
100
- .animate-slide-right (load-animations) [foundation/views/render/classes/_animations.scss]
101
- .animate-bounce (load-animations) [foundation/views/render/classes/_animations.scss]
102
- .animate-pulse (load-animations) [foundation/views/render/classes/_animations.scss]
103
- .animate-rotate (load-animations) [foundation/views/render/classes/_animations.scss]
104
- .delay-100 (load-animations) [foundation/views/render/classes/_animations.scss]
105
- .delay-200 (load-animations) [foundation/views/render/classes/_animations.scss]
106
- .delay-300 (load-animations) [foundation/views/render/classes/_animations.scss]
107
- .delay-500 (load-animations) [foundation/views/render/classes/_animations.scss]
108
- .delay-700 (load-animations) [foundation/views/render/classes/_animations.scss]
109
- .delay-1000 (load-animations) [foundation/views/render/classes/_animations.scss]
110
- .duration-150 (load-animations) [foundation/views/render/classes/_animations.scss]
111
- .duration-300 (load-animations) [foundation/views/render/classes/_animations.scss]
112
- .duration-500 (load-animations) [foundation/views/render/classes/_animations.scss]
113
- .duration-700 (load-animations) [foundation/views/render/classes/_animations.scss]
114
- .duration-1000 (load-animations) [foundation/views/render/classes/_animations.scss]
115
- .aspect-auto (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
116
- .aspect-1-1 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
117
- .aspect-4-3 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
118
- .aspect-3-2 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
119
- .aspect-16-9 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
120
- .aspect-21-9 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
121
- .aspect-3-4 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
122
- .aspect-9-16 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
123
- .border-radius-{n} (load-borders) [foundation/views/render/classes/_borders.scss]
124
- .border-line-{n} (load-borders) [foundation/views/render/classes/_borders.scss]
125
- .btn-{n} (load-buttons) [foundation/views/render/classes/_buttons.scss]
126
- .bg-{n} (load-colors) [foundation/views/render/classes/_colors.scss]
127
- .color-{n} (load-colors) [foundation/views/render/classes/_colors.scss]
128
- .border-color-{n} (load-colors) [foundation/views/render/classes/_colors.scss]
129
- .bg-transparent (load-colors) [foundation/views/render/classes/_colors.scss]
130
- .color-inherit (load-colors) [foundation/views/render/classes/_colors.scss]
131
- .color-current (load-colors) [foundation/views/render/classes/_colors.scss]
132
- .border-color-transparent (load-colors) [foundation/views/render/classes/_colors.scss]
133
- .border-color-currentColor (load-colors) [foundation/views/render/classes/_colors.scss]
134
- .surface (load-compounds) [foundation/views/render/classes/_compounds.scss]
135
- .surface-flat (load-compounds) [foundation/views/render/classes/_compounds.scss]
136
- .section-wrap (load-compounds) [foundation/views/render/classes/_compounds.scss]
137
- .section-wrap-narrow (load-compounds) [foundation/views/render/classes/_compounds.scss]
138
- .glass (load-compounds) [foundation/views/render/classes/_compounds.scss]
139
- .divider (load-compounds) [foundation/views/render/classes/_compounds.scss]
140
- .sr-only (load-compounds) [foundation/views/render/classes/_compounds.scss]
141
- .truncate (load-compounds) [foundation/views/render/classes/_compounds.scss]
142
- .line-clamp-2 (load-compounds) [foundation/views/render/classes/_compounds.scss]
143
- .line-clamp-3 (load-compounds) [foundation/views/render/classes/_compounds.scss]
144
- .container (load-containers) [foundation/views/render/classes/_containers.scss]
145
- .opacity-{n} (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
146
- .overflow-auto (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
147
- .overflow-hidden (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
148
- .overflow-scroll (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
149
- .overflow-visible (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
150
- .overflow-y-auto (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
151
- .overflow-y-hidden (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
152
- .overflow-y-scroll (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
153
- .object-cover (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
154
- .object-contain (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
155
- .object-fill (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
156
- .object-center (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
157
- .flex-grow-0 (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
158
- .flex-grow-1 (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
159
- .flex-shrink-0 (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
160
- .flex-shrink-1 (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
161
- .order-first (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
162
- .order-last (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
163
- .order-none (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
164
- .order-{n} (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
165
- .static (load-position) [foundation/views/render/classes/_position.scss]
166
- .relative (load-position) [foundation/views/render/classes/_position.scss]
167
- .absolute (load-position) [foundation/views/render/classes/_position.scss]
168
- .fixed (load-position) [foundation/views/render/classes/_position.scss]
169
- .sticky (load-position) [foundation/views/render/classes/_position.scss]
170
- .inset-auto (load-position) [foundation/views/render/classes/_position.scss]
171
- .inset-{n} (load-position) [foundation/views/render/classes/_position.scss]
172
- .top-{n} (load-position) [foundation/views/render/classes/_position.scss]
173
- .bottom-{n} (load-position) [foundation/views/render/classes/_position.scss]
174
- .inset-inline-start-{n} (load-position) [foundation/views/render/classes/_position.scss]
175
- .inset-inline-end-{n} (load-position) [foundation/views/render/classes/_position.scss]
176
- .top-auto (load-position) [foundation/views/render/classes/_position.scss]
177
- .bottom-auto (load-position) [foundation/views/render/classes/_position.scss]
178
- .inset-inline-start-auto (load-position) [foundation/views/render/classes/_position.scss]
179
- .inset-inline-end-auto (load-position) [foundation/views/render/classes/_position.scss]
180
- .section-{n} (load-sections) [foundation/views/render/classes/_sections.scss]
181
- .section-full (load-sections) [foundation/views/render/classes/_sections.scss]
182
- .shadow-none (load-shadows) [foundation/views/render/classes/_shadows.scss]
183
- .shadow-xs (load-shadows) [foundation/views/render/classes/_shadows.scss]
184
- .shadow-sm (load-shadows) [foundation/views/render/classes/_shadows.scss]
185
- .shadow-md (load-shadows) [foundation/views/render/classes/_shadows.scss]
186
- .shadow-lg (load-shadows) [foundation/views/render/classes/_shadows.scss]
187
- .shadow-xl (load-shadows) [foundation/views/render/classes/_shadows.scss]
188
- .shadow-2xl (load-shadows) [foundation/views/render/classes/_shadows.scss]
189
- .shadow-primary (load-shadows) [foundation/views/render/classes/_shadows.scss]
190
- .shadow-secondary (load-shadows) [foundation/views/render/classes/_shadows.scss]
191
- .shadow-success (load-shadows) [foundation/views/render/classes/_shadows.scss]
192
- .shadow-warning (load-shadows) [foundation/views/render/classes/_shadows.scss]
193
- .shadow-danger (load-shadows) [foundation/views/render/classes/_shadows.scss]
194
- .shadow-info (load-shadows) [foundation/views/render/classes/_shadows.scss]
195
- .shadow-inner (load-shadows) [foundation/views/render/classes/_shadows.scss]
196
- .shadow-inner-lg (load-shadows) [foundation/views/render/classes/_shadows.scss]
197
- .shadow-glow (load-shadows) [foundation/views/render/classes/_shadows.scss]
198
- .shadow-glow-lg (load-shadows) [foundation/views/render/classes/_shadows.scss]
199
- .shadow-outline (load-shadows) [foundation/views/render/classes/_shadows.scss]
200
- .shadow-card (load-shadows) [foundation/views/render/classes/_shadows.scss]
201
- .shadow-card-hover (load-shadows) [foundation/views/render/classes/_shadows.scss]
202
- .shadow-dropdown (load-shadows) [foundation/views/render/classes/_shadows.scss]
203
- .shadow-modal (load-shadows) [foundation/views/render/classes/_shadows.scss]
204
- .shadow-transition (load-shadows) [foundation/views/render/classes/_shadows.scss]
205
- .shadow-transition-fast (load-shadows) [foundation/views/render/classes/_shadows.scss]
206
- .shadow-transition-slow (load-shadows) [foundation/views/render/classes/_shadows.scss]
207
- .box-{n} (load-sizes) [foundation/views/render/classes/_sizes.scss]
208
- .icon-{n} (load-sizes) [foundation/views/render/classes/_sizes.scss]
209
- .w-auto (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
210
- .w-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
211
- .w-screen (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
212
- .w-fit (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
213
- .w-min (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
214
- .w-max (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
215
- .w-1\ (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
216
- .w-2\ (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
217
- .w-3\ (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
218
- .min-w-0 (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
219
- .min-w-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
220
- .max-w-none (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
221
- .max-w-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
222
- .h-auto (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
223
- .h-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
224
- .h-screen (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
225
- .h-fit (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
226
- .h-min (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
227
- .h-max (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
228
- .min-h-0 (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
229
- .min-h-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
230
- .min-h-screen (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
231
- .max-h-none (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
232
- .max-h-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
233
- .gap-{n} (load-spacing) [foundation/views/render/classes/_spacing.scss]
234
- .text-{n} (load-typography) [foundation/views/render/classes/_typography.scss]
235
- .w-unset (load-utilities) [foundation/views/render/classes/_utilities.scss]
236
- .h-unset (load-utilities) [foundation/views/render/classes/_utilities.scss]
237
- .no-overflow-x (load-utilities) [foundation/views/render/classes/_utilities.scss]
238
- .highlight (load-utilities) [foundation/views/render/classes/_utilities.scss]
239
- .article (load-utilities) [foundation/views/render/classes/_utilities.scss]
240
- .hidden-desktops (load-utilities) [foundation/views/render/classes/_utilities.scss]
241
- .hidden-tablets (load-utilities) [foundation/views/render/classes/_utilities.scss]
242
- .hidden-tablets-desktops (load-utilities) [foundation/views/render/classes/_utilities.scss]
243
- .hidden-mobiles (load-utilities) [foundation/views/render/classes/_utilities.scss]
244
- .hidden-devices (load-utilities) [foundation/views/render/classes/_utilities.scss]
245
- .hidden-upto-ml (load-utilities) [foundation/views/render/classes/_utilities.scss]
246
- .hidden-from-ml (load-utilities) [foundation/views/render/classes/_utilities.scss]
247
- .layer-{n} (load-z-index) [foundation/views/render/classes/_z-index.scss]
1
+ # Zeus CSS — LLM Reference
2
+
3
+ Auto-generated from source (scripts/gen-cheatsheet.mjs). Two entry points:
4
+ @use "zeus" as *; — mixins/functions only, zero CSS emitted
5
+ @use "foundation"; — full compiled CSS, import once at app root
6
+
7
+ ## Mixins & Functions
8
+
9
+ mixin fade-in($duration: 0.3s, $delay: 0s, $timing: ease-in-out) — Usage: @include fade-in(0.5s, 0.2s); [foundation/core/engine/animations.scss]
10
+ mixin slide-in($direction: bottom, $duration: 0.3s, $delay: 0s, $timing: ease-out) — Usage: @include slide-in(left, 0.4s); [foundation/core/engine/animations.scss]
11
+ mixin scale($scale: 1.05, $duration: 0.3s, $timing: ease-in-out) — Usage: @include scale(1.1, 0.3s); [foundation/core/engine/animations.scss]
12
+ mixin bounce($duration: 0.8s, $iteration: 1, $delay: 0s) — Usage: @include bounce(0.6s, infinite); [foundation/core/engine/animations.scss]
13
+ mixin pulse($duration: 1s, $iteration: infinite) — Usage: @include pulse(1.5s, infinite); [foundation/core/engine/animations.scss]
14
+ mixin rotate($degrees: 360deg, $duration: 1s, $timing: linear, $iteration: 1) — Usage: @include rotate(360deg, 2s, linear, infinite); [foundation/core/engine/animations.scss]
15
+ mixin button-base-reset() [foundation/core/engine/buttons.scss]
16
+ mixin button-structure() [foundation/core/engine/buttons.scss]
17
+ mixin button-apply-variant($variant: "primary") — Uses direct map access instead of a getter function [foundation/core/engine/buttons.scss]
18
+ mixin btn-primary() [foundation/core/engine/buttons.scss]
19
+ mixin btn-secondary() [foundation/core/engine/buttons.scss]
20
+ mixin btn-tertiary() [foundation/core/engine/buttons.scss]
21
+ mixin btn-icon-only() [foundation/core/engine/buttons.scss]
22
+ mixin btn-variant($variant: "primary") [foundation/core/engine/buttons.scss]
23
+ mixin btn-size($size: "md") [foundation/core/engine/buttons.scss]
24
+ function color($name, $alpha: 1) — Retrieve any color from the design palette with optional alpha [foundation/core/engine/color-api.scss]
25
+ function map-get-safe($map, $key) — Extracts values from the provided map structure with type validation and unquoted key normalization [foundation/core/engine/helpers.scss]
26
+ mixin border-radius($type) — Applies dynamically-scaled responsive rounded corners based on predefined maps [foundation/core/engine/layout.scss]
27
+ mixin border-line($type) — Configures responsive border thickness and strokes across viewport ranges [foundation/core/engine/layout.scss]
28
+ mixin box-size($type) — Mixin for icon sizes through devices — always clamp() [foundation/core/engine/layout.scss]
29
+ mixin padding($size, $direction: null) — Mixin for padding with optional direction — references --space-* :root token [foundation/core/engine/layout.scss]
30
+ mixin margin($size, $direction: null) — Mixin for margin with optional direction — references --space-* :root token [foundation/core/engine/layout.scss]
31
+ mixin gap($size, $direction: null) — Mixin for gap with optional direction — references --space-* :root token [foundation/core/engine/layout.scss]
32
+ mixin not-first-child() [foundation/core/engine/layout.scss]
33
+ mixin not-last-child() [foundation/core/engine/layout.scss]
34
+ mixin horizontal-scroll() [foundation/core/engine/layout.scss]
35
+ mixin no-horizontal-scroll() [foundation/core/engine/layout.scss]
36
+ function bp($key) [foundation/core/engine/responsive.scss]
37
+ mixin screen-above($breakpoint) [foundation/core/engine/responsive.scss]
38
+ mixin screen-below($breakpoint) [foundation/core/engine/responsive.scss]
39
+ mixin screen-between($lower, $upper) [foundation/core/engine/responsive.scss]
40
+ mixin suppress-on($scope) — Scopes: 'handheld', 'mobile', 'tablet', 'desktop' (all singular). [foundation/core/engine/responsive.scss]
41
+ mixin apply-shadow($size: "md") — Usage: @include apply-shadow("md"); [foundation/core/engine/shadows.scss]
42
+ mixin elevation($level: 1) — Usage: @include elevation(2); // Applies shadow-md [foundation/core/engine/shadows.scss]
43
+ mixin hover-shadow($default: "md", $hover: "lg") — Usage: @include hover-shadow("sm", "lg"); [foundation/core/engine/shadows.scss]
44
+ mixin focus-shadow($shadow: "outline") — Usage: @include focus-shadow("outline"); [foundation/core/engine/shadows.scss]
45
+ mixin interactive-shadow($default: "md", $hover: "lg", $focus: "outline") — Usage: @include interactive-shadow("md", "lg", "outline"); [foundation/core/engine/shadows.scss]
46
+ mixin card-shadow() — Usage: @include card-shadow(); [foundation/core/engine/shadows.scss]
47
+ mixin semantic-shadow($type: "primary") — Usage: @include semantic-shadow("primary"); [foundation/core/engine/shadows.scss]
48
+ mixin glow-effect($color: rgba(59, 130, 246, 0.5), $blur: 20px) — Usage: @include glow-effect("primary", 0.5); [foundation/core/engine/shadows.scss]
49
+ mixin inner-shadow($size: "inner") — Usage: @include inner-shadow(); [foundation/core/engine/shadows.scss]
50
+ mixin layered-shadow($shadow1, $shadow2) — Usage: @include layered-shadow("md", "primary"); [foundation/core/engine/shadows.scss]
51
+ mixin conditional-shadow($state: "hover", $shadow: "md") — Usage: @include conditional-shadow("hover", "lg"); [foundation/core/engine/shadows.scss]
52
+ mixin no-shadow() — Usage: @include no-shadow(); [foundation/core/engine/shadows.scss]
53
+ mixin p($size, $dir: null) [foundation/core/engine/shortcuts.scss]
54
+ mixin m($size, $dir: null) [foundation/core/engine/shortcuts.scss]
55
+ mixin g($size, $dir: null) [foundation/core/engine/shortcuts.scss]
56
+ mixin r($type) [foundation/core/engine/shortcuts.scss]
57
+ mixin t($type) [foundation/core/engine/shortcuts.scss]
58
+ mixin sz($type) [foundation/core/engine/shortcuts.scss]
59
+ function useclamp-sizing($min, $max, $c-floor: map.get($container-bounds, "floor"), $c-ceil: map.get($container-bounds, "ceil"), $precision: 1) [foundation/core/engine/sizing.scss]
60
+ mixin zeus-theme($name, $config) [foundation/core/engine/theme-builder.scss]
61
+ mixin text($type) — The var is already generated by root-generator.scss. [foundation/core/engine/typographics.scss]
62
+ function useclamp-typography($typeface, $precision: 1) [foundation/core/engine/typography-calc.scss]
63
+
64
+ ## Utility Class Families
65
+
66
+ .flex (load-flexbox) [foundation/views/render/classes/flexbox.scss]
67
+ .flex-row (load-flexbox) [foundation/views/render/classes/flexbox.scss]
68
+ .flex-wrap (load-flexbox) [foundation/views/render/classes/flexbox.scss]
69
+ .flex-column (load-flexbox) [foundation/views/render/classes/flexbox.scss]
70
+ .flex-center (load-flexbox) [foundation/views/render/classes/flexbox.scss]
71
+ .flex-space-between (load-flexbox) [foundation/views/render/classes/flexbox.scss]
72
+ .d-none (load-flexbox) [foundation/views/render/classes/flexbox.scss]
73
+ .d-block (load-flexbox) [foundation/views/render/classes/flexbox.scss]
74
+ .d-inline-block (load-flexbox) [foundation/views/render/classes/flexbox.scss]
75
+ .align-center (load-flexbox) [foundation/views/render/classes/flexbox.scss]
76
+ .align-start (load-flexbox) [foundation/views/render/classes/flexbox.scss]
77
+ .align-end (load-flexbox) [foundation/views/render/classes/flexbox.scss]
78
+ .justify-center (load-flexbox) [foundation/views/render/classes/flexbox.scss]
79
+ .justify-start (load-flexbox) [foundation/views/render/classes/flexbox.scss]
80
+ .justify-end (load-flexbox) [foundation/views/render/classes/flexbox.scss]
81
+ .justify-between (load-flexbox) [foundation/views/render/classes/flexbox.scss]
82
+ .justify-around (load-flexbox) [foundation/views/render/classes/flexbox.scss]
83
+ .d-grid (load-grid) [foundation/views/render/classes/grid.scss]
84
+ .d-inline-grid (load-grid) [foundation/views/render/classes/grid.scss]
85
+ .grid (load-grid) [foundation/views/render/classes/grid.scss]
86
+ .col-span-{n} (load-grid) [foundation/views/render/classes/grid.scss]
87
+ .col-span-full (load-grid) [foundation/views/render/classes/grid.scss]
88
+ .col-start-{n} (load-grid) [foundation/views/render/classes/grid.scss]
89
+ .col-end-{n} (load-grid) [foundation/views/render/classes/grid.scss]
90
+ .grid-cards (load-grid) [foundation/views/render/classes/grid.scss]
91
+ .grid-sidebar (load-grid) [foundation/views/render/classes/grid.scss]
92
+ .grid-split (load-grid) [foundation/views/render/classes/grid.scss]
93
+ .grid-thirds (load-grid) [foundation/views/render/classes/grid.scss]
94
+ .animate-fade-in (load-animations) [foundation/views/render/classes/_animations.scss]
95
+ .animate-fade-in-slow (load-animations) [foundation/views/render/classes/_animations.scss]
96
+ .animate-fade-in-fast (load-animations) [foundation/views/render/classes/_animations.scss]
97
+ .animate-slide-up (load-animations) [foundation/views/render/classes/_animations.scss]
98
+ .animate-slide-down (load-animations) [foundation/views/render/classes/_animations.scss]
99
+ .animate-slide-left (load-animations) [foundation/views/render/classes/_animations.scss]
100
+ .animate-slide-right (load-animations) [foundation/views/render/classes/_animations.scss]
101
+ .animate-bounce (load-animations) [foundation/views/render/classes/_animations.scss]
102
+ .animate-pulse (load-animations) [foundation/views/render/classes/_animations.scss]
103
+ .animate-rotate (load-animations) [foundation/views/render/classes/_animations.scss]
104
+ .delay-100 (load-animations) [foundation/views/render/classes/_animations.scss]
105
+ .delay-200 (load-animations) [foundation/views/render/classes/_animations.scss]
106
+ .delay-300 (load-animations) [foundation/views/render/classes/_animations.scss]
107
+ .delay-500 (load-animations) [foundation/views/render/classes/_animations.scss]
108
+ .delay-700 (load-animations) [foundation/views/render/classes/_animations.scss]
109
+ .delay-1000 (load-animations) [foundation/views/render/classes/_animations.scss]
110
+ .duration-150 (load-animations) [foundation/views/render/classes/_animations.scss]
111
+ .duration-300 (load-animations) [foundation/views/render/classes/_animations.scss]
112
+ .duration-500 (load-animations) [foundation/views/render/classes/_animations.scss]
113
+ .duration-700 (load-animations) [foundation/views/render/classes/_animations.scss]
114
+ .duration-1000 (load-animations) [foundation/views/render/classes/_animations.scss]
115
+ .aspect-auto (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
116
+ .aspect-1-1 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
117
+ .aspect-4-3 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
118
+ .aspect-3-2 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
119
+ .aspect-16-9 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
120
+ .aspect-21-9 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
121
+ .aspect-3-4 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
122
+ .aspect-9-16 (load-aspect-ratio) [foundation/views/render/classes/_aspect-ratio.scss]
123
+ .border-radius-{n} (load-borders) [foundation/views/render/classes/_borders.scss]
124
+ .border-line-{n} (load-borders) [foundation/views/render/classes/_borders.scss]
125
+ .btn-{n} (load-buttons) [foundation/views/render/classes/_buttons.scss]
126
+ .bg-{n} (load-colors) [foundation/views/render/classes/_colors.scss]
127
+ .color-{n} (load-colors) [foundation/views/render/classes/_colors.scss]
128
+ .border-color-{n} (load-colors) [foundation/views/render/classes/_colors.scss]
129
+ .bg-transparent (load-colors) [foundation/views/render/classes/_colors.scss]
130
+ .color-inherit (load-colors) [foundation/views/render/classes/_colors.scss]
131
+ .color-current (load-colors) [foundation/views/render/classes/_colors.scss]
132
+ .border-color-transparent (load-colors) [foundation/views/render/classes/_colors.scss]
133
+ .border-color-currentColor (load-colors) [foundation/views/render/classes/_colors.scss]
134
+ .surface (load-compounds) [foundation/views/render/classes/_compounds.scss]
135
+ .surface-flat (load-compounds) [foundation/views/render/classes/_compounds.scss]
136
+ .section-wrap (load-compounds) [foundation/views/render/classes/_compounds.scss]
137
+ .section-wrap-narrow (load-compounds) [foundation/views/render/classes/_compounds.scss]
138
+ .glass (load-compounds) [foundation/views/render/classes/_compounds.scss]
139
+ .divider (load-compounds) [foundation/views/render/classes/_compounds.scss]
140
+ .sr-only (load-compounds) [foundation/views/render/classes/_compounds.scss]
141
+ .truncate (load-compounds) [foundation/views/render/classes/_compounds.scss]
142
+ .line-clamp-2 (load-compounds) [foundation/views/render/classes/_compounds.scss]
143
+ .line-clamp-3 (load-compounds) [foundation/views/render/classes/_compounds.scss]
144
+ .container (load-containers) [foundation/views/render/classes/_containers.scss]
145
+ .opacity-{n} (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
146
+ .overflow-auto (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
147
+ .overflow-hidden (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
148
+ .overflow-scroll (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
149
+ .overflow-visible (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
150
+ .overflow-y-auto (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
151
+ .overflow-y-hidden (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
152
+ .overflow-y-scroll (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
153
+ .object-cover (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
154
+ .object-contain (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
155
+ .object-fill (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
156
+ .object-center (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
157
+ .flex-grow-0 (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
158
+ .flex-grow-1 (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
159
+ .flex-shrink-0 (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
160
+ .flex-shrink-1 (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
161
+ .order-first (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
162
+ .order-last (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
163
+ .order-none (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
164
+ .order-{n} (load-misc-utils) [foundation/views/render/classes/_misc-utils.scss]
165
+ .static (load-position) [foundation/views/render/classes/_position.scss]
166
+ .relative (load-position) [foundation/views/render/classes/_position.scss]
167
+ .absolute (load-position) [foundation/views/render/classes/_position.scss]
168
+ .fixed (load-position) [foundation/views/render/classes/_position.scss]
169
+ .sticky (load-position) [foundation/views/render/classes/_position.scss]
170
+ .inset-auto (load-position) [foundation/views/render/classes/_position.scss]
171
+ .inset-{n} (load-position) [foundation/views/render/classes/_position.scss]
172
+ .top-{n} (load-position) [foundation/views/render/classes/_position.scss]
173
+ .bottom-{n} (load-position) [foundation/views/render/classes/_position.scss]
174
+ .inset-inline-start-{n} (load-position) [foundation/views/render/classes/_position.scss]
175
+ .inset-inline-end-{n} (load-position) [foundation/views/render/classes/_position.scss]
176
+ .top-auto (load-position) [foundation/views/render/classes/_position.scss]
177
+ .bottom-auto (load-position) [foundation/views/render/classes/_position.scss]
178
+ .inset-inline-start-auto (load-position) [foundation/views/render/classes/_position.scss]
179
+ .inset-inline-end-auto (load-position) [foundation/views/render/classes/_position.scss]
180
+ .section-{n} (load-sections) [foundation/views/render/classes/_sections.scss]
181
+ .section-full (load-sections) [foundation/views/render/classes/_sections.scss]
182
+ .shadow-none (load-shadows) [foundation/views/render/classes/_shadows.scss]
183
+ .shadow-xs (load-shadows) [foundation/views/render/classes/_shadows.scss]
184
+ .shadow-sm (load-shadows) [foundation/views/render/classes/_shadows.scss]
185
+ .shadow-md (load-shadows) [foundation/views/render/classes/_shadows.scss]
186
+ .shadow-lg (load-shadows) [foundation/views/render/classes/_shadows.scss]
187
+ .shadow-xl (load-shadows) [foundation/views/render/classes/_shadows.scss]
188
+ .shadow-2xl (load-shadows) [foundation/views/render/classes/_shadows.scss]
189
+ .shadow-primary (load-shadows) [foundation/views/render/classes/_shadows.scss]
190
+ .shadow-secondary (load-shadows) [foundation/views/render/classes/_shadows.scss]
191
+ .shadow-success (load-shadows) [foundation/views/render/classes/_shadows.scss]
192
+ .shadow-warning (load-shadows) [foundation/views/render/classes/_shadows.scss]
193
+ .shadow-danger (load-shadows) [foundation/views/render/classes/_shadows.scss]
194
+ .shadow-info (load-shadows) [foundation/views/render/classes/_shadows.scss]
195
+ .shadow-inner (load-shadows) [foundation/views/render/classes/_shadows.scss]
196
+ .shadow-inner-lg (load-shadows) [foundation/views/render/classes/_shadows.scss]
197
+ .shadow-glow (load-shadows) [foundation/views/render/classes/_shadows.scss]
198
+ .shadow-glow-lg (load-shadows) [foundation/views/render/classes/_shadows.scss]
199
+ .shadow-outline (load-shadows) [foundation/views/render/classes/_shadows.scss]
200
+ .shadow-card (load-shadows) [foundation/views/render/classes/_shadows.scss]
201
+ .shadow-card-hover (load-shadows) [foundation/views/render/classes/_shadows.scss]
202
+ .shadow-dropdown (load-shadows) [foundation/views/render/classes/_shadows.scss]
203
+ .shadow-modal (load-shadows) [foundation/views/render/classes/_shadows.scss]
204
+ .shadow-transition (load-shadows) [foundation/views/render/classes/_shadows.scss]
205
+ .shadow-transition-fast (load-shadows) [foundation/views/render/classes/_shadows.scss]
206
+ .shadow-transition-slow (load-shadows) [foundation/views/render/classes/_shadows.scss]
207
+ .box-{n} (load-sizes) [foundation/views/render/classes/_sizes.scss]
208
+ .icon-{n} (load-sizes) [foundation/views/render/classes/_sizes.scss]
209
+ .w-auto (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
210
+ .w-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
211
+ .w-screen (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
212
+ .w-fit (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
213
+ .w-min (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
214
+ .w-max (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
215
+ .w-1\ (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
216
+ .w-2\ (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
217
+ .w-3\ (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
218
+ .min-w-0 (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
219
+ .min-w-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
220
+ .max-w-none (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
221
+ .max-w-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
222
+ .h-auto (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
223
+ .h-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
224
+ .h-screen (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
225
+ .h-fit (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
226
+ .h-min (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
227
+ .h-max (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
228
+ .min-h-0 (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
229
+ .min-h-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
230
+ .min-h-screen (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
231
+ .max-h-none (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
232
+ .max-h-full (load-sizing-utils) [foundation/views/render/classes/_sizing-utils.scss]
233
+ .gap-{n} (load-spacing) [foundation/views/render/classes/_spacing.scss]
234
+ .text-{n} (load-typography) [foundation/views/render/classes/_typography.scss]
235
+ .w-unset (load-utilities) [foundation/views/render/classes/_utilities.scss]
236
+ .h-unset (load-utilities) [foundation/views/render/classes/_utilities.scss]
237
+ .no-overflow-x (load-utilities) [foundation/views/render/classes/_utilities.scss]
238
+ .highlight (load-utilities) [foundation/views/render/classes/_utilities.scss]
239
+ .article (load-utilities) [foundation/views/render/classes/_utilities.scss]
240
+ .hidden-desktops (load-utilities) [foundation/views/render/classes/_utilities.scss]
241
+ .hidden-tablets (load-utilities) [foundation/views/render/classes/_utilities.scss]
242
+ .hidden-tablets-desktops (load-utilities) [foundation/views/render/classes/_utilities.scss]
243
+ .hidden-mobiles (load-utilities) [foundation/views/render/classes/_utilities.scss]
244
+ .hidden-devices (load-utilities) [foundation/views/render/classes/_utilities.scss]
245
+ .hidden-upto-ml (load-utilities) [foundation/views/render/classes/_utilities.scss]
246
+ .hidden-from-ml (load-utilities) [foundation/views/render/classes/_utilities.scss]
247
+ .layer-{n} (load-z-index) [foundation/views/render/classes/_z-index.scss]
package/scss/zeus.config.scss CHANGED
@@ -35,7 +35,7 @@ $zeus-enable-property-registration: true !default;
35
35
  // ────────────────────────────────────────────────────────────────
36
36
  $zeus-use-prefix: false !default;
37
37
  $zeus-class-prefix: "z-" !default; // Used only if $zeus-use-prefix is true
38
- $zeus-version: "1.0.0" !default;
38
+ $zeus-version: "1.0.12" !default;
39
39
 
40
40
  // ────────────────────────────────────────────────────────────────
41
41
  // 3. FLUID ENGINE BOUNDS