@exstyle/css 1.0.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 (23) hide show
  1. package/README.en.md +200 -0
  2. package/README.md +196 -0
  3. package/dist/exstyle-box-margin.css +72 -0
  4. package/dist/exstyle-box-margin.min.css +2 -0
  5. package/dist/exstyle-box-padding.css +72 -0
  6. package/dist/exstyle-box-padding.min.css +2 -0
  7. package/dist/exstyle-color.css +173 -0
  8. package/dist/exstyle-color.min.css +2 -0
  9. package/dist/exstyle-effects.css +87 -0
  10. package/dist/exstyle-effects.min.css +2 -0
  11. package/dist/exstyle-layout.css +267 -0
  12. package/dist/exstyle-layout.min.css +2 -0
  13. package/dist/exstyle-lists.css +16 -0
  14. package/dist/exstyle-lists.min.css +2 -0
  15. package/dist/exstyle-sizing.css +40 -0
  16. package/dist/exstyle-sizing.min.css +2 -0
  17. package/dist/exstyle-tables.css +19 -0
  18. package/dist/exstyle-tables.min.css +2 -0
  19. package/dist/exstyle-text.css +61 -0
  20. package/dist/exstyle-text.min.css +2 -0
  21. package/dist/exstyle.css +658 -0
  22. package/dist/exstyle.min.css +2 -0
  23. package/package.json +45 -0
package/dist/exstyle.css ADDED
@@ -0,0 +1,658 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ :where(:nth-child(n of :is(dd, dt, td, th))) {
3
+ [style*="--d-of-dd-dt-td-th_background--:"] & {
4
+ background: var(--d-of-dd-dt-td-th_background--);
5
+ background-attachment: scroll;
6
+ }
7
+ [style*="--d-of-dd-dt-td-th_border--:"] & {
8
+ border: var(--d-of-dd-dt-td-th_border--);
9
+ }
10
+ [style*="--d-of-dd-dt-td-th_border-block--:"] & {
11
+ border-block: var(--d-of-dd-dt-td-th_border-block--);
12
+ }
13
+ [style*="--d-of-dd-dt-td-th_border-block-start--:"] & {
14
+ border-block-start: var(--d-of-dd-dt-td-th_border-block-start--);
15
+ }
16
+ [style*="--d-of-dd-dt-td-th_border-block-end--:"] & {
17
+ border-block-end: var(--d-of-dd-dt-td-th_border-block-end--);
18
+ }
19
+ [style*="--d-of-dd-dt-td-th_border-inline--:"] & {
20
+ border-inline: var(--d-of-dd-dt-td-th_border-inline--);
21
+ }
22
+ [style*="--d-of-dd-dt-td-th_border-inline-start--:"] & {
23
+ border-inline-start: var(--d-of-dd-dt-td-th_border-inline-start--);
24
+ }
25
+ [style*="--d-of-dd-dt-td-th_border-inline-end--:"] & {
26
+ border-inline-end: var(--d-of-dd-dt-td-th_border-inline-end--);
27
+ }
28
+ [style*="--d-of-dd-dt-td-th_border-radius--:"] & {
29
+ border-radius: var(--d-of-dd-dt-td-th_border-radius--);
30
+ }
31
+ [style*="--d-of-dd-dt-td-th_box-shadow--:"] & {
32
+ box-shadow: var(--d-of-dd-dt-td-th_box-shadow--);
33
+ }
34
+ [style*="--d-of-dd-dt-td-th_color--:"] & {
35
+ color: var(--d-of-dd-dt-td-th_color--);
36
+ }
37
+ [style*="--d-of-dd-dt-td-th_margin--:"] & {
38
+ margin: var(--d-of-dd-dt-td-th_margin--);
39
+ }
40
+ [style*="--d-of-dd-dt-td-th_margin-block--:"] & {
41
+ margin-block: var(--d-of-dd-dt-td-th_margin-block--);
42
+ }
43
+ [style*="--d-of-dd-dt-td-th_margin-block-start--:"] & {
44
+ margin-block-start: var(--d-of-dd-dt-td-th_margin-block-start--);
45
+ }
46
+ [style*="--d-of-dd-dt-td-th_margin-block-end--:"] & {
47
+ margin-block-end: var(--d-of-dd-dt-td-th_margin-block-end--);
48
+ }
49
+ [style*="--d-of-dd-dt-td-th_margin-inline--:"] & {
50
+ margin-inline: var(--d-of-dd-dt-td-th_margin-inline--);
51
+ }
52
+ [style*="--d-of-dd-dt-td-th_margin-inline-start--:"] & {
53
+ margin-inline-start: var(--d-of-dd-dt-td-th_margin-inline-start--);
54
+ }
55
+ [style*="--d-of-dd-dt-td-th_margin-inline-end--:"] & {
56
+ margin-inline-end: var(--d-of-dd-dt-td-th_margin-inline-end--);
57
+ }
58
+ [style*="--d-of-dd-dt-td-th_padding--:"] & {
59
+ padding: var(--d-of-dd-dt-td-th_padding--);
60
+ }
61
+ [style*="--d-of-dd-dt-td-th_padding-block--:"] & {
62
+ padding-block: var(--d-of-dd-dt-td-th_padding-block--);
63
+ }
64
+ [style*="--d-of-dd-dt-td-th_padding-block-start--:"] & {
65
+ padding-block-start: var(--d-of-dd-dt-td-th_padding-block-start--);
66
+ }
67
+ [style*="--d-of-dd-dt-td-th_padding-block-end--:"] & {
68
+ padding-block-end: var(--d-of-dd-dt-td-th_padding-block-end--);
69
+ }
70
+ [style*="--d-of-dd-dt-td-th_padding-inline--:"] & {
71
+ padding-inline: var(--d-of-dd-dt-td-th_padding-inline--);
72
+ }
73
+ [style*="--d-of-dd-dt-td-th_padding-inline-start--:"] & {
74
+ padding-inline-start: var(--d-of-dd-dt-td-th_padding-inline-start--);
75
+ }
76
+ [style*="--d-of-dd-dt-td-th_padding-inline-end--:"] & {
77
+ padding-inline-end: var(--d-of-dd-dt-td-th_padding-inline-end--);
78
+ }
79
+ }
80
+ :where(:nth-child(n of :is(dt, th))) {
81
+ [style*="--d-of-dt-th_background--:"] & {
82
+ background: var(--d-of-dt-th_background--);
83
+ background-attachment: scroll;
84
+ }
85
+ [style*="--d-of-dt-th_color--:"] & {
86
+ color: var(--d-of-dt-th_color--);
87
+ }
88
+ }
89
+ :where(:nth-child(n of :is(dd, td))) {
90
+ [style*="--d-of-dd-td_background--:"] & {
91
+ background: var(--d-of-dd-td_background--);
92
+ background-attachment: scroll;
93
+ }
94
+ [style*="--d-of-dd-td_color--:"] & {
95
+ color: var(--d-of-dd-td_color--);
96
+ }
97
+ }
98
+ * {
99
+ [style*="--c_background--:"] > & {
100
+ background: var(--c_background--);
101
+ background-attachment: scroll;
102
+ }
103
+ [style*="--c_border--:"] > & {
104
+ border: var(--c_border--);
105
+ }
106
+ [style*="--c_border-block--:"] > & {
107
+ border-block: var(--c_border-block--);
108
+ }
109
+ [style*="--c_border-block-start--:"] > & {
110
+ border-block-start: var(--c_border-block-start--);
111
+ }
112
+ [style*="--c_border-block-end--:"] > & {
113
+ border-block-end: var(--c_border-block-end--);
114
+ }
115
+ [style*="--c_border-inline--:"] > & {
116
+ border-inline: var(--c_border-inline--);
117
+ }
118
+ [style*="--c_border-inline-start--:"] > & {
119
+ border-inline-start: var(--c_border-inline-start--);
120
+ }
121
+ [style*="--c_border-inline-end--:"] > & {
122
+ border-inline-end: var(--c_border-inline-end--);
123
+ }
124
+ [style*="--c_border-radius--:"] > & {
125
+ border-radius: var(--c_border-radius--);
126
+ }
127
+ [style*="--c_box-shadow--:"] > & {
128
+ box-shadow: var(--c_box-shadow--);
129
+ }
130
+ [style*="--c_color--:"] > & {
131
+ color: var(--c_color--);
132
+ }
133
+ [style*="--c_flex--:"] > & {
134
+ flex: var(--c_flex--);
135
+ }
136
+ [style*="--c_grid-area--:"] > & {
137
+ grid-area: var(--c_grid-area--);
138
+ }
139
+ [style*="--c_margin--:"] > & {
140
+ margin: var(--c_margin--);
141
+ }
142
+ [style*="--c_margin-block--:"] > & {
143
+ margin-block: var(--c_margin-block--);
144
+ }
145
+ [style*="--c_margin-block-start--:"] > & {
146
+ margin-block-start: var(--c_margin-block-start--);
147
+ }
148
+ [style*="--c_margin-block-end--:"] > & {
149
+ margin-block-end: var(--c_margin-block-end--);
150
+ }
151
+ [style*="--c_margin-inline--:"] > & {
152
+ margin-inline: var(--c_margin-inline--);
153
+ }
154
+ [style*="--c_margin-inline-start--:"] > & {
155
+ margin-inline-start: var(--c_margin-inline-start--);
156
+ }
157
+ [style*="--c_margin-inline-end--:"] > & {
158
+ margin-inline-end: var(--c_margin-inline-end--);
159
+ }
160
+ [style*="--c_padding--:"] > & {
161
+ padding: var(--c_padding--);
162
+ }
163
+ [style*="--c_padding-block--:"] > & {
164
+ padding-block: var(--c_padding-block--);
165
+ }
166
+ [style*="--c_padding-block-start--:"] > & {
167
+ padding-block-start: var(--c_padding-block-start--);
168
+ }
169
+ [style*="--c_padding-block-end--:"] > & {
170
+ padding-block-end: var(--c_padding-block-end--);
171
+ }
172
+ [style*="--c_padding-inline--:"] > & {
173
+ padding-inline: var(--c_padding-inline--);
174
+ }
175
+ [style*="--c_padding-inline-start--:"] > & {
176
+ padding-inline-start: var(--c_padding-inline-start--);
177
+ }
178
+ [style*="--c_padding-inline-end--:"] > & {
179
+ padding-inline-end: var(--c_padding-inline-end--);
180
+ }
181
+ }
182
+ :where(:nth-child(even)) {
183
+ [style*="--c-nth-even_background--:"] > & {
184
+ background: var(--c-nth-even_background--);
185
+ background-attachment: scroll;
186
+ }
187
+ [style*="--c-nth-even_color--:"] > & {
188
+ color: var(--c-nth-even_color--);
189
+ }
190
+ }
191
+ :where(:nth-child(odd)) {
192
+ [style*="--c-nth-odd_background--:"] > & {
193
+ background: var(--c-nth-odd_background--);
194
+ background-attachment: scroll;
195
+ }
196
+ [style*="--c-nth-odd_color--:"] > & {
197
+ color: var(--c-nth-odd_color--);
198
+ }
199
+ }
200
+ :not(_):not(_) {
201
+ &:where([style*="--columns--:"], [style*="--flex-flow--:"], [style*="--grid--:"]) {
202
+ &:where(ol, ul, menu) {
203
+ list-style-position: inside;
204
+ padding: 0;
205
+ }
206
+ &:where(ul, menu) {
207
+ list-style-type: "";
208
+ }
209
+ &:where(dl) > :where(div) > *, & > *, &:where(li, dt, dd) {
210
+ margin: 0;
211
+ }
212
+ }
213
+ &:where([style*="--font-size--:"], [style*="--font-style--:"], [style*="--font-weight--:"], [style*="--text-decoration--:"], [style*="--text-emphasis--:"], [style*="--text-shadow--:"], [style*="--text-stroke--:"], [style*="--x-text-marker--:"]) {
214
+ background: none;
215
+ color: inherit;
216
+ font-size: inherit;
217
+ font-style: inherit;
218
+ font-weight: inherit;
219
+ text-decoration: none;
220
+ }
221
+ }
222
+ [style*="--aspect-ratio--:"] {
223
+ aspect-ratio: var(--aspect-ratio--);
224
+ :not(_):not(_):where(&:is(iframe)) {
225
+ block-size: auto;
226
+ }
227
+ }
228
+ [style*="--background--:"] {
229
+ background: var(--background--);
230
+ background-attachment: scroll;
231
+ }
232
+ [style*="--background-attachment--:"] {
233
+ clip-path: inset(0);
234
+ &::before {
235
+ background: inherit;
236
+ content: "";
237
+ position: fixed;
238
+ inset: 0;
239
+ z-index: -1;
240
+ }
241
+ &::after {
242
+ content: none;
243
+ }
244
+ }
245
+ [style*="--background-color--:"] {
246
+ background-color: var(--background-color--);
247
+ }
248
+ [style*="--block-size--:"] {
249
+ block-size: var(--block-size--);
250
+ }
251
+ [style*="--min-block-size--:"] {
252
+ min-block-size: var(--min-block-size--);
253
+ }
254
+ [style*="--max-block-size--:"] {
255
+ max-block-size: var(--max-block-size--);
256
+ }
257
+ [style*="--border--:"] {
258
+ border: var(--border--);
259
+ }
260
+ [style*="--border-block--:"] {
261
+ border-block: var(--border-block--);
262
+ }
263
+ [style*="--border-block-start--:"] {
264
+ border-block-start: var(--border-block-start--);
265
+ }
266
+ [style*="--border-block-end--:"] {
267
+ border-block-end: var(--border-block-end--);
268
+ }
269
+ [style*="--border-inline--:"] {
270
+ border-inline: var(--border-inline--);
271
+ }
272
+ [style*="--border-inline-start--:"] {
273
+ border-inline-start: var(--border-inline-start--);
274
+ }
275
+ [style*="--border-inline-end--:"] {
276
+ border-inline-end: var(--border-inline-end--);
277
+ }
278
+ [style*="--border-style--:"] {
279
+ border-style: var(--border-style--);
280
+ }
281
+ [style*="--border-width--:"] {
282
+ border-width: var(--border-width--);
283
+ }
284
+ [style*="--border-color--:"] {
285
+ border-color: var(--border-color--);
286
+ }
287
+ [style*="--border-collapse--:"] {
288
+ border-collapse: var(--border-collapse--);
289
+ }
290
+ [style*="--border-radius--:"] {
291
+ border-radius: var(--border-radius--);
292
+ }
293
+ [style*="--border-spacing--:"] {
294
+ border-spacing: var(--border-spacing--);
295
+ }
296
+ [style*="--box-shadow--:"] {
297
+ box-shadow: var(--box-shadow--);
298
+ }
299
+ [style*="--caption-side--:"] {
300
+ caption-side: var(--caption-side--);
301
+ }
302
+ [style*="--color--:"] {
303
+ color: var(--color--);
304
+ }
305
+ [style*="--columns--:"] {
306
+ columns: var(--columns--);
307
+ :not(_):not(_):where(&) > * {
308
+ break-inside: avoid-column;
309
+ contain: layout;
310
+ }
311
+ & > * {
312
+ &:first-child {
313
+ margin-block-start: 0;
314
+ }
315
+ &:last-child {
316
+ margin-block-end: 0;
317
+ }
318
+ }
319
+ }
320
+ [style*="--column-fill--:"] {
321
+ column-fill: var(--column-fill--);
322
+ }
323
+ [style*="--column-rule--:"] {
324
+ column-rule: var(--column-rule--);
325
+ }
326
+ [style*="--column-span--:"] {
327
+ column-span: var(--column-span--);
328
+ }
329
+ [style*="--container-type--:"] {
330
+ container-type: var(--container-type--);
331
+ }
332
+ [style*="--display--:"] {
333
+ display: var(--display--);
334
+ }
335
+ [style*="--empty-cells--:"] {
336
+ empty-cells: var(--empty-cells--);
337
+ }
338
+ [style*="--flex--:"] {
339
+ flex: var(--flex--);
340
+ }
341
+ [style*="--flex-flow--:"] {
342
+ flex-flow: var(--flex-flow--);
343
+ :not(_):not(_):where(&) {
344
+ display: flex;
345
+ }
346
+ }
347
+ [style*="--font-family--:"] {
348
+ font-family: var(--font-family--);
349
+ }
350
+ [style*="--font-size--:"] {
351
+ font-size: var(--font-size--);
352
+ }
353
+ [style*="--font-style--:"] {
354
+ font-style: var(--font-style--);
355
+ }
356
+ [style*="--font-weight--:"] {
357
+ font-weight: var(--font-weight--);
358
+ }
359
+ [style*="--gap--:"] {
360
+ gap: var(--gap--);
361
+ }
362
+ [style*="--row-gap--:"] {
363
+ row-gap: var(--row-gap--);
364
+ }
365
+ [style*="--column-gap--:"] {
366
+ column-gap: var(--column-gap--);
367
+ }
368
+ [style*="--grid--:"] {
369
+ grid: var(--grid--);
370
+ :not(_):not(_):where(&) {
371
+ display: grid;
372
+ }
373
+ }
374
+ [style*="--grid-area--:"] {
375
+ grid-area: var(--grid-area--);
376
+ }
377
+ [style*="--inline-size--:"] {
378
+ inline-size: var(--inline-size--);
379
+ }
380
+ [style*="--min-inline-size--:"] {
381
+ min-inline-size: var(--min-inline-size--);
382
+ }
383
+ [style*="--max-inline-size--:"] {
384
+ max-inline-size: var(--max-inline-size--);
385
+ }
386
+ [style*="--list-style--:"] {
387
+ list-style: var(--list-style--);
388
+ }
389
+ [style*="--list-style-type--:"] {
390
+ list-style-type: var(--list-style-type--);
391
+ }
392
+ [style*="--list-style-image--:"] {
393
+ list-style-image: var(--list-style-image--);
394
+ }
395
+ [style*="--list-style-position--:"] {
396
+ list-style-position: var(--list-style-position--);
397
+ }
398
+ [style*="--margin--:"] {
399
+ margin: var(--margin--);
400
+ }
401
+ [style*="--margin-block--:"] {
402
+ margin-block: var(--margin-block--);
403
+ }
404
+ [style*="--margin-block-start--:"] {
405
+ margin-block-start: var(--margin-block-start--);
406
+ }
407
+ [style*="--margin-block-end--:"] {
408
+ margin-block-end: var(--margin-block-end--);
409
+ }
410
+ [style*="--margin-inline--:"] {
411
+ margin-inline: var(--margin-inline--);
412
+ }
413
+ [style*="--margin-inline-start--:"] {
414
+ margin-inline-start: var(--margin-inline-start--);
415
+ }
416
+ [style*="--margin-inline-end--:"] {
417
+ margin-inline-end: var(--margin-inline-end--);
418
+ }
419
+ [style*="--object-fit--:"] {
420
+ object-fit: var(--object-fit--);
421
+ }
422
+ [style*="--object-position--:"] {
423
+ object-position: var(--object-position--);
424
+ }
425
+ [style*="--order--:"] {
426
+ order: var(--order--);
427
+ }
428
+ [style*="--overflow--:"] {
429
+ overflow: var(--overflow--);
430
+ }
431
+ [style*="--padding--:"] {
432
+ padding: var(--padding--);
433
+ }
434
+ [style*="--padding-block--:"] {
435
+ padding-block: var(--padding-block--);
436
+ }
437
+ [style*="--padding-block-start--:"] {
438
+ padding-block-start: var(--padding-block-start--);
439
+ }
440
+ [style*="--padding-block-end--:"] {
441
+ padding-block-end: var(--padding-block-end--);
442
+ }
443
+ [style*="--padding-inline--:"] {
444
+ padding-inline: var(--padding-inline--);
445
+ }
446
+ [style*="--padding-inline-start--:"] {
447
+ padding-inline-start: var(--padding-inline-start--);
448
+ }
449
+ [style*="--padding-inline-end--:"] {
450
+ padding-inline-end: var(--padding-inline-end--);
451
+ }
452
+ [style*="--place-content--:"] {
453
+ place-content: var(--place-content--);
454
+ }
455
+ [style*="--place-items--:"] {
456
+ place-items: var(--place-items--);
457
+ }
458
+ [style*="--place-self--:"] {
459
+ place-self: var(--place-self--);
460
+ }
461
+ [style*="--table-layout--:"] {
462
+ table-layout: var(--table-layout--);
463
+ }
464
+ [style*="--text-align--:"] {
465
+ text-align: var(--text-align--);
466
+ }
467
+ [style*="--text-decoration--:"] {
468
+ text-decoration: var(--text-decoration--);
469
+ }
470
+ [style*="--text-emphasis--:"] {
471
+ text-emphasis: var(--text-emphasis--);
472
+ }
473
+ [style*="--text-shadow--:"] {
474
+ text-shadow: var(--text-shadow--);
475
+ }
476
+ [style*="--text-stroke--:"] {
477
+ paint-order: stroke;
478
+ -webkit-text-stroke: var(--text-stroke--);
479
+ text-stroke: var(--text-stroke--);
480
+ }
481
+ [style*="--text-wrap--:"] {
482
+ text-wrap: var(--text-wrap--);
483
+ }
484
+ [style*="--vertical-align--:"] {
485
+ vertical-align: var(--vertical-align--);
486
+ }
487
+ [style*="--white-space--:"] {
488
+ white-space: var(--white-space--);
489
+ }
490
+ [style*="--writing-mode--:"] {
491
+ writing-mode: var(--writing-mode--);
492
+ }
493
+ [style*="--z-index--:"] {
494
+ isolation: isolate;
495
+ z-index: var(--z-index--);
496
+ }
497
+ [style*="--x-text-marker--:"] {
498
+ text-decoration: underline 50% var(--x-text-marker--);
499
+ text-decoration-skip-ink: none;
500
+ text-underline-offset: -50%;
501
+ text-underline-position: under;
502
+ }
503
+ @container (inline-size > 480px) and (inline-size > 30rem) {
504
+ [style*="--cq-i-s_flex--:"] {
505
+ flex: var(--cq-i-s_flex--);
506
+ }
507
+ [style*="--cq-i-s_flex-flow--:"] {
508
+ flex-flow: var(--cq-i-s_flex-flow--);
509
+ }
510
+ [style*="--cq-i-s_gap--:"] {
511
+ gap: var(--cq-i-s_gap--);
512
+ }
513
+ [style*="--cq-i-s_row-gap--:"] {
514
+ row-gap: var(--cq-i-s_row-gap--);
515
+ }
516
+ [style*="--cq-i-s_column-gap--:"] {
517
+ column-gap: var(--cq-i-s_column-gap--);
518
+ }
519
+ [style*="--cq-i-s_grid--:"] {
520
+ grid: var(--cq-i-s_grid--);
521
+ }
522
+ [style*="--cq-i-s_grid-area--:"] {
523
+ grid-area: var(--cq-i-s_grid-area--);
524
+ }
525
+ [style*="--cq-i-s_order--:"] {
526
+ order: var(--cq-i-s_order--);
527
+ }
528
+ [style*="--cq-i-s_place-content--:"] {
529
+ place-content: var(--cq-i-s_place-content--);
530
+ }
531
+ [style*="--cq-i-s_place-items--:"] {
532
+ place-items: var(--cq-i-s_place-items--);
533
+ }
534
+ [style*="--cq-i-s_place-self--:"] {
535
+ place-self: var(--cq-i-s_place-self--);
536
+ }
537
+ [style*="--cq-i-s_z-index--:"] {
538
+ isolation: isolate;
539
+ z-index: var(--cq-i-s_z-index--);
540
+ }
541
+ }
542
+ @container (inline-size > 720px) and (inline-size > 45rem) {
543
+ [style*="--cq-i-m_flex--:"] {
544
+ flex: var(--cq-i-m_flex--);
545
+ }
546
+ [style*="--cq-i-m_flex-flow--:"] {
547
+ flex-flow: var(--cq-i-m_flex-flow--);
548
+ }
549
+ [style*="--cq-i-m_gap--:"] {
550
+ gap: var(--cq-i-m_gap--);
551
+ }
552
+ [style*="--cq-i-m_row-gap--:"] {
553
+ row-gap: var(--cq-i-m_row-gap--);
554
+ }
555
+ [style*="--cq-i-m_column-gap--:"] {
556
+ column-gap: var(--cq-i-m_column-gap--);
557
+ }
558
+ [style*="--cq-i-m_grid--:"] {
559
+ grid: var(--cq-i-m_grid--);
560
+ }
561
+ [style*="--cq-i-m_grid-area--:"] {
562
+ grid-area: var(--cq-i-m_grid-area--);
563
+ }
564
+ [style*="--cq-i-m_order--:"] {
565
+ order: var(--cq-i-m_order--);
566
+ }
567
+ [style*="--cq-i-m_place-content--:"] {
568
+ place-content: var(--cq-i-m_place-content--);
569
+ }
570
+ [style*="--cq-i-m_place-items--:"] {
571
+ place-items: var(--cq-i-m_place-items--);
572
+ }
573
+ [style*="--cq-i-m_place-self--:"] {
574
+ place-self: var(--cq-i-m_place-self--);
575
+ }
576
+ [style*="--cq-i-m_z-index--:"] {
577
+ isolation: isolate;
578
+ z-index: var(--cq-i-m_z-index--);
579
+ }
580
+ }
581
+ @container (inline-size > 960px) and (inline-size > 60rem) {
582
+ [style*="--cq-i-l_flex--:"] {
583
+ flex: var(--cq-i-l_flex--);
584
+ }
585
+ [style*="--cq-i-l_flex-flow--:"] {
586
+ flex-flow: var(--cq-i-l_flex-flow--);
587
+ }
588
+ [style*="--cq-i-l_gap--:"] {
589
+ gap: var(--cq-i-l_gap--);
590
+ }
591
+ [style*="--cq-i-l_row-gap--:"] {
592
+ row-gap: var(--cq-i-l_row-gap--);
593
+ }
594
+ [style*="--cq-i-l_column-gap--:"] {
595
+ column-gap: var(--cq-i-l_column-gap--);
596
+ }
597
+ [style*="--cq-i-l_grid--:"] {
598
+ grid: var(--cq-i-l_grid--);
599
+ }
600
+ [style*="--cq-i-l_grid-area--:"] {
601
+ grid-area: var(--cq-i-l_grid-area--);
602
+ }
603
+ [style*="--cq-i-l_order--:"] {
604
+ order: var(--cq-i-l_order--);
605
+ }
606
+ [style*="--cq-i-l_place-content--:"] {
607
+ place-content: var(--cq-i-l_place-content--);
608
+ }
609
+ [style*="--cq-i-l_place-items--:"] {
610
+ place-items: var(--cq-i-l_place-items--);
611
+ }
612
+ [style*="--cq-i-l_place-self--:"] {
613
+ place-self: var(--cq-i-l_place-self--);
614
+ }
615
+ [style*="--cq-i-l_z-index--:"] {
616
+ isolation: isolate;
617
+ z-index: var(--cq-i-l_z-index--);
618
+ }
619
+ }
620
+ @container (inline-size > 1200px) and (inline-size > 75rem) {
621
+ [style*="--cq-i-xl_flex--:"] {
622
+ flex: var(--cq-i-xl_flex--);
623
+ }
624
+ [style*="--cq-i-xl_flex-flow--:"] {
625
+ flex-flow: var(--cq-i-xl_flex-flow--);
626
+ }
627
+ [style*="--cq-i-xl_gap--:"] {
628
+ gap: var(--cq-i-xl_gap--);
629
+ }
630
+ [style*="--cq-i-xl_row-gap--:"] {
631
+ row-gap: var(--cq-i-xl_row-gap--);
632
+ }
633
+ [style*="--cq-i-xl_column-gap--:"] {
634
+ column-gap: var(--cq-i-xl_column-gap--);
635
+ }
636
+ [style*="--cq-i-xl_grid--:"] {
637
+ grid: var(--cq-i-xl_grid--);
638
+ }
639
+ [style*="--cq-i-xl_grid-area--:"] {
640
+ grid-area: var(--cq-i-xl_grid-area--);
641
+ }
642
+ [style*="--cq-i-xl_order--:"] {
643
+ order: var(--cq-i-xl_order--);
644
+ }
645
+ [style*="--cq-i-xl_place-content--:"] {
646
+ place-content: var(--cq-i-xl_place-content--);
647
+ }
648
+ [style*="--cq-i-xl_place-items--:"] {
649
+ place-items: var(--cq-i-xl_place-items--);
650
+ }
651
+ [style*="--cq-i-xl_place-self--:"] {
652
+ place-self: var(--cq-i-xl_place-self--);
653
+ }
654
+ [style*="--cq-i-xl_z-index--:"] {
655
+ isolation: isolate;
656
+ z-index: var(--cq-i-xl_z-index--);
657
+ }
658
+ }
package/dist/exstyle.min.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ :where(:nth-child(n of :is(dd,dt,td,th))){[style*=--d-of-dd-dt-td-th_background--\:] &{background:var(--d-of-dd-dt-td-th_background--);background-attachment:scroll}[style*=--d-of-dd-dt-td-th_border--\:] &{border:var(--d-of-dd-dt-td-th_border--)}[style*=--d-of-dd-dt-td-th_border-block--\:] &{border-block:var(--d-of-dd-dt-td-th_border-block--)}[style*=--d-of-dd-dt-td-th_border-block-start--\:] &{border-block-start:var(--d-of-dd-dt-td-th_border-block-start--)}[style*=--d-of-dd-dt-td-th_border-block-end--\:] &{border-block-end:var(--d-of-dd-dt-td-th_border-block-end--)}[style*=--d-of-dd-dt-td-th_border-inline--\:] &{border-inline:var(--d-of-dd-dt-td-th_border-inline--)}[style*=--d-of-dd-dt-td-th_border-inline-start--\:] &{border-inline-start:var(--d-of-dd-dt-td-th_border-inline-start--)}[style*=--d-of-dd-dt-td-th_border-inline-end--\:] &{border-inline-end:var(--d-of-dd-dt-td-th_border-inline-end--)}[style*=--d-of-dd-dt-td-th_border-radius--\:] &{border-radius:var(--d-of-dd-dt-td-th_border-radius--)}[style*=--d-of-dd-dt-td-th_box-shadow--\:] &{box-shadow:var(--d-of-dd-dt-td-th_box-shadow--)}[style*=--d-of-dd-dt-td-th_color--\:] &{color:var(--d-of-dd-dt-td-th_color--)}[style*=--d-of-dd-dt-td-th_margin--\:] &{margin:var(--d-of-dd-dt-td-th_margin--)}[style*=--d-of-dd-dt-td-th_margin-block--\:] &{margin-block:var(--d-of-dd-dt-td-th_margin-block--)}[style*=--d-of-dd-dt-td-th_margin-block-start--\:] &{margin-block-start:var(--d-of-dd-dt-td-th_margin-block-start--)}[style*=--d-of-dd-dt-td-th_margin-block-end--\:] &{margin-block-end:var(--d-of-dd-dt-td-th_margin-block-end--)}[style*=--d-of-dd-dt-td-th_margin-inline--\:] &{margin-inline:var(--d-of-dd-dt-td-th_margin-inline--)}[style*=--d-of-dd-dt-td-th_margin-inline-start--\:] &{margin-inline-start:var(--d-of-dd-dt-td-th_margin-inline-start--)}[style*=--d-of-dd-dt-td-th_margin-inline-end--\:] &{margin-inline-end:var(--d-of-dd-dt-td-th_margin-inline-end--)}[style*=--d-of-dd-dt-td-th_padding--\:] &{padding:var(--d-of-dd-dt-td-th_padding--)}[style*=--d-of-dd-dt-td-th_padding-block--\:] &{padding-block:var(--d-of-dd-dt-td-th_padding-block--)}[style*=--d-of-dd-dt-td-th_padding-block-start--\:] &{padding-block-start:var(--d-of-dd-dt-td-th_padding-block-start--)}[style*=--d-of-dd-dt-td-th_padding-block-end--\:] &{padding-block-end:var(--d-of-dd-dt-td-th_padding-block-end--)}[style*=--d-of-dd-dt-td-th_padding-inline--\:] &{padding-inline:var(--d-of-dd-dt-td-th_padding-inline--)}[style*=--d-of-dd-dt-td-th_padding-inline-start--\:] &{padding-inline-start:var(--d-of-dd-dt-td-th_padding-inline-start--)}[style*=--d-of-dd-dt-td-th_padding-inline-end--\:] &{padding-inline-end:var(--d-of-dd-dt-td-th_padding-inline-end--)}}:where(:nth-child(n of :is(dt,th))){[style*=--d-of-dt-th_background--\:] &{background:var(--d-of-dt-th_background--);background-attachment:scroll}[style*=--d-of-dt-th_color--\:] &{color:var(--d-of-dt-th_color--)}}:where(:nth-child(n of :is(dd,td))){[style*=--d-of-dd-td_background--\:] &{background:var(--d-of-dd-td_background--);background-attachment:scroll}[style*=--d-of-dd-td_color--\:] &{color:var(--d-of-dd-td_color--)}}*{[style*=--c_background--\:]>&{background:var(--c_background--);background-attachment:scroll}[style*=--c_border--\:]>&{border:var(--c_border--)}[style*=--c_border-block--\:]>&{border-block:var(--c_border-block--)}[style*=--c_border-block-start--\:]>&{border-block-start:var(--c_border-block-start--)}[style*=--c_border-block-end--\:]>&{border-block-end:var(--c_border-block-end--)}[style*=--c_border-inline--\:]>&{border-inline:var(--c_border-inline--)}[style*=--c_border-inline-start--\:]>&{border-inline-start:var(--c_border-inline-start--)}[style*=--c_border-inline-end--\:]>&{border-inline-end:var(--c_border-inline-end--)}[style*=--c_border-radius--\:]>&{border-radius:var(--c_border-radius--)}[style*=--c_box-shadow--\:]>&{box-shadow:var(--c_box-shadow--)}[style*=--c_color--\:]>&{color:var(--c_color--)}[style*=--c_flex--\:]>&{flex:var(--c_flex--)}[style*=--c_grid-area--\:]>&{grid-area:var(--c_grid-area--)}[style*=--c_margin--\:]>&{margin:var(--c_margin--)}[style*=--c_margin-block--\:]>&{margin-block:var(--c_margin-block--)}[style*=--c_margin-block-start--\:]>&{margin-block-start:var(--c_margin-block-start--)}[style*=--c_margin-block-end--\:]>&{margin-block-end:var(--c_margin-block-end--)}[style*=--c_margin-inline--\:]>&{margin-inline:var(--c_margin-inline--)}[style*=--c_margin-inline-start--\:]>&{margin-inline-start:var(--c_margin-inline-start--)}[style*=--c_margin-inline-end--\:]>&{margin-inline-end:var(--c_margin-inline-end--)}[style*=--c_padding--\:]>&{padding:var(--c_padding--)}[style*=--c_padding-block--\:]>&{padding-block:var(--c_padding-block--)}[style*=--c_padding-block-start--\:]>&{padding-block-start:var(--c_padding-block-start--)}[style*=--c_padding-block-end--\:]>&{padding-block-end:var(--c_padding-block-end--)}[style*=--c_padding-inline--\:]>&{padding-inline:var(--c_padding-inline--)}[style*=--c_padding-inline-start--\:]>&{padding-inline-start:var(--c_padding-inline-start--)}[style*=--c_padding-inline-end--\:]>&{padding-inline-end:var(--c_padding-inline-end--)}}:where(:nth-child(2n)){[style*=--c-nth-even_background--\:]>&{background:var(--c-nth-even_background--);background-attachment:scroll}[style*=--c-nth-even_color--\:]>&{color:var(--c-nth-even_color--)}}:where(:nth-child(odd)){[style*=--c-nth-odd_background--\:]>&{background:var(--c-nth-odd_background--);background-attachment:scroll}[style*=--c-nth-odd_color--\:]>&{color:var(--c-nth-odd_color--)}}:not(_):not(_){&:where([style*=--columns--\:],[style*=--flex-flow--\:],[style*=--grid--\:]){&:where(ol,ul,menu){padding:0;list-style-position:inside}&:where(ul,menu){list-style-type:""}&:where(dl)>:where(div)>*,&>*,&:where(li,dt,dd){margin:0}}&:where([style*=--font-size--\:],[style*=--font-style--\:],[style*=--font-weight--\:],[style*=--text-decoration--\:],[style*=--text-emphasis--\:],[style*=--text-shadow--\:],[style*=--text-stroke--\:],[style*=--x-text-marker--\:]){color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;background:0 0;text-decoration:none}}[style*=--aspect-ratio--\:]{aspect-ratio:var(--aspect-ratio--);:not(_):not(_):where(&:is(iframe)){block-size:auto}}[style*=--background--\:]{background:var(--background--);background-attachment:scroll}[style*=--background-attachment--\:]{clip-path:inset(0);&:before{background:inherit;content:"";z-index:-1;position:fixed;inset:0}&:after{content:none}}[style*=--background-color--\:]{background-color:var(--background-color--)}[style*=--block-size--\:]{block-size:var(--block-size--)}[style*=--min-block-size--\:]{min-block-size:var(--min-block-size--)}[style*=--max-block-size--\:]{max-block-size:var(--max-block-size--)}[style*=--border--\:]{border:var(--border--)}[style*=--border-block--\:]{border-block:var(--border-block--)}[style*=--border-block-start--\:]{border-block-start:var(--border-block-start--)}[style*=--border-block-end--\:]{border-block-end:var(--border-block-end--)}[style*=--border-inline--\:]{border-inline:var(--border-inline--)}[style*=--border-inline-start--\:]{border-inline-start:var(--border-inline-start--)}[style*=--border-inline-end--\:]{border-inline-end:var(--border-inline-end--)}[style*=--border-style--\:]{border-style:var(--border-style--)}[style*=--border-width--\:]{border-width:var(--border-width--)}[style*=--border-color--\:]{border-color:var(--border-color--)}[style*=--border-collapse--\:]{border-collapse:var(--border-collapse--)}[style*=--border-radius--\:]{border-radius:var(--border-radius--)}[style*=--border-spacing--\:]{border-spacing:var(--border-spacing--)}[style*=--box-shadow--\:]{box-shadow:var(--box-shadow--)}[style*=--caption-side--\:]{caption-side:var(--caption-side--)}[style*=--color--\:]{color:var(--color--)}[style*=--columns--\:]{columns:var(--columns--);:not(_):not(_):where(&)>*{break-inside:avoid-column;contain:layout}&>*{&:first-child{margin-block-start:0}&:last-child{margin-block-end:0}}}[style*=--column-fill--\:]{column-fill:var(--column-fill--)}[style*=--column-rule--\:]{column-rule:var(--column-rule--)}[style*=--column-span--\:]{column-span:var(--column-span--)}[style*=--container-type--\:]{container-type:var(--container-type--)}[style*=--display--\:]{display:var(--display--)}[style*=--empty-cells--\:]{empty-cells:var(--empty-cells--)}[style*=--flex--\:]{flex:var(--flex--)}[style*=--flex-flow--\:]{flex-flow:var(--flex-flow--);:not(_):not(_):where(&){display:flex}}[style*=--font-family--\:]{font-family:var(--font-family--)}[style*=--font-size--\:]{font-size:var(--font-size--)}[style*=--font-style--\:]{font-style:var(--font-style--)}[style*=--font-weight--\:]{font-weight:var(--font-weight--)}[style*=--gap--\:]{gap:var(--gap--)}[style*=--row-gap--\:]{row-gap:var(--row-gap--)}[style*=--column-gap--\:]{column-gap:var(--column-gap--)}[style*=--grid--\:]{grid:var(--grid--);:not(_):not(_):where(&){display:grid}}[style*=--grid-area--\:]{grid-area:var(--grid-area--)}[style*=--inline-size--\:]{inline-size:var(--inline-size--)}[style*=--min-inline-size--\:]{min-inline-size:var(--min-inline-size--)}[style*=--max-inline-size--\:]{max-inline-size:var(--max-inline-size--)}[style*=--list-style--\:]{list-style:var(--list-style--)}[style*=--list-style-type--\:]{list-style-type:var(--list-style-type--)}[style*=--list-style-image--\:]{list-style-image:var(--list-style-image--)}[style*=--list-style-position--\:]{list-style-position:var(--list-style-position--)}[style*=--margin--\:]{margin:var(--margin--)}[style*=--margin-block--\:]{margin-block:var(--margin-block--)}[style*=--margin-block-start--\:]{margin-block-start:var(--margin-block-start--)}[style*=--margin-block-end--\:]{margin-block-end:var(--margin-block-end--)}[style*=--margin-inline--\:]{margin-inline:var(--margin-inline--)}[style*=--margin-inline-start--\:]{margin-inline-start:var(--margin-inline-start--)}[style*=--margin-inline-end--\:]{margin-inline-end:var(--margin-inline-end--)}[style*=--object-fit--\:]{object-fit:var(--object-fit--)}[style*=--object-position--\:]{object-position:var(--object-position--)}[style*=--order--\:]{order:var(--order--)}[style*=--overflow--\:]{overflow:var(--overflow--)}[style*=--padding--\:]{padding:var(--padding--)}[style*=--padding-block--\:]{padding-block:var(--padding-block--)}[style*=--padding-block-start--\:]{padding-block-start:var(--padding-block-start--)}[style*=--padding-block-end--\:]{padding-block-end:var(--padding-block-end--)}[style*=--padding-inline--\:]{padding-inline:var(--padding-inline--)}[style*=--padding-inline-start--\:]{padding-inline-start:var(--padding-inline-start--)}[style*=--padding-inline-end--\:]{padding-inline-end:var(--padding-inline-end--)}[style*=--place-content--\:]{place-content:var(--place-content--)}[style*=--place-items--\:]{place-items:var(--place-items--)}[style*=--place-self--\:]{place-self:var(--place-self--)}[style*=--table-layout--\:]{table-layout:var(--table-layout--)}[style*=--text-align--\:]{text-align:var(--text-align--)}[style*=--text-decoration--\:]{text-decoration:var(--text-decoration--)}[style*=--text-emphasis--\:]{text-emphasis:var(--text-emphasis--)}[style*=--text-shadow--\:]{text-shadow:var(--text-shadow--)}[style*=--text-stroke--\:]{paint-order:stroke;-webkit-text-stroke:var(--text-stroke--);text-stroke:var(--text-stroke--)}[style*=--text-wrap--\:]{text-wrap:var(--text-wrap--)}[style*=--vertical-align--\:]{vertical-align:var(--vertical-align--)}[style*=--white-space--\:]{white-space:var(--white-space--)}[style*=--writing-mode--\:]{writing-mode:var(--writing-mode--)}[style*=--z-index--\:]{isolation:isolate;z-index:var(--z-index--)}[style*=--x-text-marker--\:]{text-decoration:underline 50% var(--x-text-marker--);text-decoration-skip-ink:none;text-underline-offset:-50%;text-underline-position:under}@container (inline-size>480px) and (inline-size>30rem){[style*=--cq-i-s_flex--\:]{flex:var(--cq-i-s_flex--)}[style*=--cq-i-s_flex-flow--\:]{flex-flow:var(--cq-i-s_flex-flow--)}[style*=--cq-i-s_gap--\:]{gap:var(--cq-i-s_gap--)}[style*=--cq-i-s_row-gap--\:]{row-gap:var(--cq-i-s_row-gap--)}[style*=--cq-i-s_column-gap--\:]{column-gap:var(--cq-i-s_column-gap--)}[style*=--cq-i-s_grid--\:]{grid:var(--cq-i-s_grid--)}[style*=--cq-i-s_grid-area--\:]{grid-area:var(--cq-i-s_grid-area--)}[style*=--cq-i-s_order--\:]{order:var(--cq-i-s_order--)}[style*=--cq-i-s_place-content--\:]{place-content:var(--cq-i-s_place-content--)}[style*=--cq-i-s_place-items--\:]{place-items:var(--cq-i-s_place-items--)}[style*=--cq-i-s_place-self--\:]{place-self:var(--cq-i-s_place-self--)}[style*=--cq-i-s_z-index--\:]{isolation:isolate;z-index:var(--cq-i-s_z-index--)}}@container (inline-size>720px) and (inline-size>45rem){[style*=--cq-i-m_flex--\:]{flex:var(--cq-i-m_flex--)}[style*=--cq-i-m_flex-flow--\:]{flex-flow:var(--cq-i-m_flex-flow--)}[style*=--cq-i-m_gap--\:]{gap:var(--cq-i-m_gap--)}[style*=--cq-i-m_row-gap--\:]{row-gap:var(--cq-i-m_row-gap--)}[style*=--cq-i-m_column-gap--\:]{column-gap:var(--cq-i-m_column-gap--)}[style*=--cq-i-m_grid--\:]{grid:var(--cq-i-m_grid--)}[style*=--cq-i-m_grid-area--\:]{grid-area:var(--cq-i-m_grid-area--)}[style*=--cq-i-m_order--\:]{order:var(--cq-i-m_order--)}[style*=--cq-i-m_place-content--\:]{place-content:var(--cq-i-m_place-content--)}[style*=--cq-i-m_place-items--\:]{place-items:var(--cq-i-m_place-items--)}[style*=--cq-i-m_place-self--\:]{place-self:var(--cq-i-m_place-self--)}[style*=--cq-i-m_z-index--\:]{isolation:isolate;z-index:var(--cq-i-m_z-index--)}}@container (inline-size>960px) and (inline-size>60rem){[style*=--cq-i-l_flex--\:]{flex:var(--cq-i-l_flex--)}[style*=--cq-i-l_flex-flow--\:]{flex-flow:var(--cq-i-l_flex-flow--)}[style*=--cq-i-l_gap--\:]{gap:var(--cq-i-l_gap--)}[style*=--cq-i-l_row-gap--\:]{row-gap:var(--cq-i-l_row-gap--)}[style*=--cq-i-l_column-gap--\:]{column-gap:var(--cq-i-l_column-gap--)}[style*=--cq-i-l_grid--\:]{grid:var(--cq-i-l_grid--)}[style*=--cq-i-l_grid-area--\:]{grid-area:var(--cq-i-l_grid-area--)}[style*=--cq-i-l_order--\:]{order:var(--cq-i-l_order--)}[style*=--cq-i-l_place-content--\:]{place-content:var(--cq-i-l_place-content--)}[style*=--cq-i-l_place-items--\:]{place-items:var(--cq-i-l_place-items--)}[style*=--cq-i-l_place-self--\:]{place-self:var(--cq-i-l_place-self--)}[style*=--cq-i-l_z-index--\:]{isolation:isolate;z-index:var(--cq-i-l_z-index--)}}@container (inline-size>1200px) and (inline-size>75rem){[style*=--cq-i-xl_flex--\:]{flex:var(--cq-i-xl_flex--)}[style*=--cq-i-xl_flex-flow--\:]{flex-flow:var(--cq-i-xl_flex-flow--)}[style*=--cq-i-xl_gap--\:]{gap:var(--cq-i-xl_gap--)}[style*=--cq-i-xl_row-gap--\:]{row-gap:var(--cq-i-xl_row-gap--)}[style*=--cq-i-xl_column-gap--\:]{column-gap:var(--cq-i-xl_column-gap--)}[style*=--cq-i-xl_grid--\:]{grid:var(--cq-i-xl_grid--)}[style*=--cq-i-xl_grid-area--\:]{grid-area:var(--cq-i-xl_grid-area--)}[style*=--cq-i-xl_order--\:]{order:var(--cq-i-xl_order--)}[style*=--cq-i-xl_place-content--\:]{place-content:var(--cq-i-xl_place-content--)}[style*=--cq-i-xl_place-items--\:]{place-items:var(--cq-i-xl_place-items--)}[style*=--cq-i-xl_place-self--\:]{place-self:var(--cq-i-xl_place-self--)}[style*=--cq-i-xl_z-index--\:]{isolation:isolate;z-index:var(--cq-i-xl_z-index--)}}