css-is-awesome 1.4.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/AGENTS.md +1 -1
  2. package/CHANGELOG.md +12 -0
  3. package/README.md +5 -3
  4. package/css-is-awesome.instructions.md +9 -4
  5. package/package.json +1 -1
  6. package/public/theme.css +210 -0
  7. package/public/themes/boilerplate/theme.css +10 -0
  8. package/public/themes/cupertino/theme.css +10 -0
  9. package/public/themes/cupertino-dark/theme.css +10 -0
  10. package/public/themes/cupertino-light/theme.css +10 -0
  11. package/public/themes/glass/theme.css +10 -0
  12. package/public/themes/glass-dark/theme.css +10 -0
  13. package/public/themes/glass-light/theme.css +10 -0
  14. package/public/themes/graphite/theme.css +10 -0
  15. package/public/themes/graphite-dark/theme.css +10 -0
  16. package/public/themes/graphite-light/theme.css +10 -0
  17. package/public/themes/press/theme.css +10 -0
  18. package/public/themes/press-dark/theme.css +10 -0
  19. package/public/themes/press-light/theme.css +10 -0
  20. package/public/themes/prism/theme.css +10 -0
  21. package/public/themes/prism-dark/theme.css +10 -0
  22. package/public/themes/prism-light/theme.css +10 -0
  23. package/public/themes/sketchbook/theme.css +10 -0
  24. package/public/themes/sketchbook-dark/theme.css +10 -0
  25. package/public/themes/terminal/theme.css +10 -0
  26. package/public/themes/terminal-dark/theme.css +10 -0
  27. package/public/themes/terminal-light/theme.css +10 -0
  28. package/scss/components/_navigation.scss +83 -0
  29. package/scss/recipes/bottom-nav.md +184 -0
  30. package/scss/recipes/combobox.md +9 -0
  31. package/scss/recipes/dialog.md +21 -0
  32. package/scss/recipes/mobile-nav.md +3 -0
  33. package/scss/themes/boilerplate.scss +11 -0
  34. package/scss/themes/cupertino-dark.scss +11 -0
  35. package/scss/themes/cupertino-light.scss +11 -0
  36. package/scss/themes/cupertino.scss +11 -0
  37. package/scss/themes/glass-dark.scss +11 -0
  38. package/scss/themes/glass-light.scss +11 -0
  39. package/scss/themes/glass.scss +11 -0
  40. package/scss/themes/graphite-dark.scss +11 -0
  41. package/scss/themes/graphite-light.scss +11 -0
  42. package/scss/themes/graphite.scss +11 -0
  43. package/scss/themes/press-dark.scss +11 -0
  44. package/scss/themes/press-light.scss +11 -0
  45. package/scss/themes/press.scss +11 -0
  46. package/scss/themes/prism-dark.scss +11 -0
  47. package/scss/themes/prism-light.scss +11 -0
  48. package/scss/themes/prism.scss +11 -0
  49. package/scss/themes/sketchbook-dark.scss +11 -0
  50. package/scss/themes/sketchbook.scss +11 -0
  51. package/scss/themes/terminal-dark.scss +11 -0
  52. package/scss/themes/terminal-light.scss +11 -0
  53. package/scss/themes/terminal.scss +11 -0
package/scss/themes/graphite.scss CHANGED
@@ -173,6 +173,17 @@
173
173
  --space-8: 4rem; /* page section */
174
174
  --space-9: 6rem; /* hero rhythm */
175
175
 
176
+ /* T-shirt aliases - var() references into this theme's numbered scale,
177
+ so re-tuning a numbered step re-tunes its alias automatically. */
178
+ --space-xs: var(--space-1);
179
+ --space-sm: var(--space-2);
180
+ --space-md: var(--space-4);
181
+ --space-lg: var(--space-5);
182
+ --space-xl: var(--space-6);
183
+ --space-2xl: var(--space-7);
184
+ --space-3xl: var(--space-8);
185
+ --space-4xl: var(--space-9);
186
+
176
187
  --radius-sm: var(--r-sm); --radius-md: var(--r-md); --radius-lg: var(--r-lg);
177
188
  --radius-xl: 0.75rem; --radius-full: 9999px;
178
189
  --font-primary: var(--font-sans);
package/scss/themes/press-dark.scss CHANGED
@@ -200,6 +200,17 @@
200
200
  --space-8: 4rem; /* page section */
201
201
  --space-9: 6rem; /* hero rhythm */
202
202
 
203
+ /* T-shirt aliases - var() references into this theme's numbered scale,
204
+ so re-tuning a numbered step re-tunes its alias automatically. */
205
+ --space-xs: var(--space-1);
206
+ --space-sm: var(--space-2);
207
+ --space-md: var(--space-4);
208
+ --space-lg: var(--space-5);
209
+ --space-xl: var(--space-6);
210
+ --space-2xl: var(--space-7);
211
+ --space-3xl: var(--space-8);
212
+ --space-4xl: var(--space-9);
213
+
203
214
 
204
215
 
205
216
 
package/scss/themes/press-light.scss CHANGED
@@ -228,6 +228,17 @@
228
228
  --space-8: 4rem; /* page section */
229
229
  --space-9: 6rem; /* hero rhythm */
230
230
 
231
+ /* T-shirt aliases - var() references into this theme's numbered scale,
232
+ so re-tuning a numbered step re-tunes its alias automatically. */
233
+ --space-xs: var(--space-1);
234
+ --space-sm: var(--space-2);
235
+ --space-md: var(--space-4);
236
+ --space-lg: var(--space-5);
237
+ --space-xl: var(--space-6);
238
+ --space-2xl: var(--space-7);
239
+ --space-3xl: var(--space-8);
240
+ --space-4xl: var(--space-9);
241
+
231
242
 
232
243
 
233
244
 
package/scss/themes/press.scss CHANGED
@@ -206,6 +206,17 @@
206
206
  --space-8: 4rem; /* page section */
207
207
  --space-9: 6rem; /* hero rhythm */
208
208
 
209
+ /* T-shirt aliases - var() references into this theme's numbered scale,
210
+ so re-tuning a numbered step re-tunes its alias automatically. */
211
+ --space-xs: var(--space-1);
212
+ --space-sm: var(--space-2);
213
+ --space-md: var(--space-4);
214
+ --space-lg: var(--space-5);
215
+ --space-xl: var(--space-6);
216
+ --space-2xl: var(--space-7);
217
+ --space-3xl: var(--space-8);
218
+ --space-4xl: var(--space-9);
219
+
209
220
 
210
221
 
211
222
 
package/scss/themes/prism-dark.scss CHANGED
@@ -186,6 +186,17 @@
186
186
  --space-8: 4rem; /* page section */
187
187
  --space-9: 6rem; /* hero rhythm */
188
188
 
189
+ /* T-shirt aliases - var() references into this theme's numbered scale,
190
+ so re-tuning a numbered step re-tunes its alias automatically. */
191
+ --space-xs: var(--space-1);
192
+ --space-sm: var(--space-2);
193
+ --space-md: var(--space-4);
194
+ --space-lg: var(--space-5);
195
+ --space-xl: var(--space-6);
196
+ --space-2xl: var(--space-7);
197
+ --space-3xl: var(--space-8);
198
+ --space-4xl: var(--space-9);
199
+
189
200
  /* Radius alias */
190
201
  --radius-sm: var(--r-sm);
191
202
  --radius-md: var(--r-md);
package/scss/themes/prism-light.scss CHANGED
@@ -189,6 +189,17 @@
189
189
  --space-8: 4rem; /* page section */
190
190
  --space-9: 6rem; /* hero rhythm */
191
191
 
192
+ /* T-shirt aliases - var() references into this theme's numbered scale,
193
+ so re-tuning a numbered step re-tunes its alias automatically. */
194
+ --space-xs: var(--space-1);
195
+ --space-sm: var(--space-2);
196
+ --space-md: var(--space-4);
197
+ --space-lg: var(--space-5);
198
+ --space-xl: var(--space-6);
199
+ --space-2xl: var(--space-7);
200
+ --space-3xl: var(--space-8);
201
+ --space-4xl: var(--space-9);
202
+
192
203
  /* Radius alias */
193
204
  --radius-sm: var(--r-sm);
194
205
  --radius-md: var(--r-md);
package/scss/themes/prism.scss CHANGED
@@ -173,6 +173,17 @@
173
173
  --space-8: 4rem; /* page section */
174
174
  --space-9: 6rem; /* hero rhythm */
175
175
 
176
+ /* T-shirt aliases - var() references into this theme's numbered scale,
177
+ so re-tuning a numbered step re-tunes its alias automatically. */
178
+ --space-xs: var(--space-1);
179
+ --space-sm: var(--space-2);
180
+ --space-md: var(--space-4);
181
+ --space-lg: var(--space-5);
182
+ --space-xl: var(--space-6);
183
+ --space-2xl: var(--space-7);
184
+ --space-3xl: var(--space-8);
185
+ --space-4xl: var(--space-9);
186
+
176
187
  --radius-sm: var(--r-sm); --radius-md: var(--r-md); --radius-lg: var(--r-lg);
177
188
  --radius-xl: 12px; --radius-full: 9999px;
178
189
  --font-primary: var(--font-sans);
package/scss/themes/sketchbook-dark.scss CHANGED
@@ -204,6 +204,17 @@
204
204
  --space-8: 4rem; /* page section */
205
205
  --space-9: 6rem; /* hero rhythm */
206
206
 
207
+ /* T-shirt aliases - var() references into this theme's numbered scale,
208
+ so re-tuning a numbered step re-tunes its alias automatically. */
209
+ --space-xs: var(--space-1);
210
+ --space-sm: var(--space-2);
211
+ --space-md: var(--space-4);
212
+ --space-lg: var(--space-5);
213
+ --space-xl: var(--space-6);
214
+ --space-2xl: var(--space-7);
215
+ --space-3xl: var(--space-8);
216
+ --space-4xl: var(--space-9);
217
+
207
218
 
208
219
 
209
220
 
package/scss/themes/sketchbook.scss CHANGED
@@ -169,6 +169,17 @@
169
169
  --space-8: 4rem; /* page section */
170
170
  --space-9: 6rem; /* hero rhythm */
171
171
 
172
+ /* T-shirt aliases - var() references into this theme's numbered scale,
173
+ so re-tuning a numbered step re-tunes its alias automatically. */
174
+ --space-xs: var(--space-1);
175
+ --space-sm: var(--space-2);
176
+ --space-md: var(--space-4);
177
+ --space-lg: var(--space-5);
178
+ --space-xl: var(--space-6);
179
+ --space-2xl: var(--space-7);
180
+ --space-3xl: var(--space-8);
181
+ --space-4xl: var(--space-9);
182
+
172
183
  --radius-sm: var(--r-sm); --radius-md: var(--r-md); --radius-lg: var(--r-lg);
173
184
  --radius-xl: 0.75rem; --radius-full: 9999px;
174
185
  --font-primary: var(--font-sans);
package/scss/themes/terminal-dark.scss CHANGED
@@ -227,6 +227,17 @@
227
227
  --space-8: 4rem; /* page section */
228
228
  --space-9: 6rem; /* hero rhythm */
229
229
 
230
+ /* T-shirt aliases - var() references into this theme's numbered scale,
231
+ so re-tuning a numbered step re-tunes its alias automatically. */
232
+ --space-xs: var(--space-1);
233
+ --space-sm: var(--space-2);
234
+ --space-md: var(--space-4);
235
+ --space-lg: var(--space-5);
236
+ --space-xl: var(--space-6);
237
+ --space-2xl: var(--space-7);
238
+ --space-3xl: var(--space-8);
239
+ --space-4xl: var(--space-9);
240
+
230
241
 
231
242
 
232
243
 
package/scss/themes/terminal-light.scss CHANGED
@@ -166,6 +166,17 @@
166
166
  --space-8: 4rem; /* page section */
167
167
  --space-9: 6rem; /* hero rhythm */
168
168
 
169
+ /* T-shirt aliases - var() references into this theme's numbered scale,
170
+ so re-tuning a numbered step re-tunes its alias automatically. */
171
+ --space-xs: var(--space-1);
172
+ --space-sm: var(--space-2);
173
+ --space-md: var(--space-4);
174
+ --space-lg: var(--space-5);
175
+ --space-xl: var(--space-6);
176
+ --space-2xl: var(--space-7);
177
+ --space-3xl: var(--space-8);
178
+ --space-4xl: var(--space-9);
179
+
169
180
  --radius-sm: 0; --radius-md: 0; --radius-lg: 0;
170
181
  --radius-xl: 0; --radius-full: 0;
171
182
  --font-primary: var(--font-mono);
package/scss/themes/terminal.scss CHANGED
@@ -169,6 +169,17 @@
169
169
  --space-8: 4rem; /* page section */
170
170
  --space-9: 6rem; /* hero rhythm */
171
171
 
172
+ /* T-shirt aliases - var() references into this theme's numbered scale,
173
+ so re-tuning a numbered step re-tunes its alias automatically. */
174
+ --space-xs: var(--space-1);
175
+ --space-sm: var(--space-2);
176
+ --space-md: var(--space-4);
177
+ --space-lg: var(--space-5);
178
+ --space-xl: var(--space-6);
179
+ --space-2xl: var(--space-7);
180
+ --space-3xl: var(--space-8);
181
+ --space-4xl: var(--space-9);
182
+
172
183
  --radius-sm: 0; --radius-md: 0; --radius-lg: 0;
173
184
  --radius-xl: 0; --radius-full: 0;
174
185
  --font-primary: var(--font-mono);