@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.
@@ -0,0 +1,173 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ /**
3
+ * https://www.w3.org/TR/css-backgrounds-3/
4
+ * https://www.w3.org/TR/css-color-4/
5
+ * https://www.w3.org/TR/css-logical-1/
6
+ */
7
+ :where(:nth-child(n of :is(dd, dt, td, th))) {
8
+ [style*="--d-of-dd-dt-td-th_background--:"] & {
9
+ background: var(--d-of-dd-dt-td-th_background--);
10
+ background-attachment: scroll;
11
+ }
12
+ [style*="--d-of-dd-dt-td-th_border--:"] & {
13
+ border: var(--d-of-dd-dt-td-th_border--);
14
+ }
15
+ [style*="--d-of-dd-dt-td-th_border-block--:"] & {
16
+ border-block: var(--d-of-dd-dt-td-th_border-block--);
17
+ }
18
+ [style*="--d-of-dd-dt-td-th_border-block-start--:"] & {
19
+ border-block-start: var(--d-of-dd-dt-td-th_border-block-start--);
20
+ }
21
+ [style*="--d-of-dd-dt-td-th_border-block-end--:"] & {
22
+ border-block-end: var(--d-of-dd-dt-td-th_border-block-end--);
23
+ }
24
+ [style*="--d-of-dd-dt-td-th_border-inline--:"] & {
25
+ border-inline: var(--d-of-dd-dt-td-th_border-inline--);
26
+ }
27
+ [style*="--d-of-dd-dt-td-th_border-inline-start--:"] & {
28
+ border-inline-start: var(--d-of-dd-dt-td-th_border-inline-start--);
29
+ }
30
+ [style*="--d-of-dd-dt-td-th_border-inline-end--:"] & {
31
+ border-inline-end: var(--d-of-dd-dt-td-th_border-inline-end--);
32
+ }
33
+ [style*="--d-of-dd-dt-td-th_border-radius--:"] & {
34
+ border-radius: var(--d-of-dd-dt-td-th_border-radius--);
35
+ }
36
+ [style*="--d-of-dd-dt-td-th_box-shadow--:"] & {
37
+ box-shadow: var(--d-of-dd-dt-td-th_box-shadow--);
38
+ }
39
+ [style*="--d-of-dd-dt-td-th_color--:"] & {
40
+ color: var(--d-of-dd-dt-td-th_color--);
41
+ }
42
+ }
43
+ :where(:nth-child(n of :is(dt, th))) {
44
+ [style*="--d-of-dt-th_background--:"] & {
45
+ background: var(--d-of-dt-th_background--);
46
+ background-attachment: scroll;
47
+ }
48
+ [style*="--d-of-dt-th_color--:"] & {
49
+ color: var(--d-of-dt-th_color--);
50
+ }
51
+ }
52
+ :where(:nth-child(n of :is(dd, td))) {
53
+ [style*="--d-of-dd-td_background--:"] & {
54
+ background: var(--d-of-dd-td_background--);
55
+ background-attachment: scroll;
56
+ }
57
+ [style*="--d-of-dd-td_color--:"] & {
58
+ color: var(--d-of-dd-td_color--);
59
+ }
60
+ }
61
+ * {
62
+ [style*="--c_background--:"] > & {
63
+ background: var(--c_background--);
64
+ background-attachment: scroll;
65
+ }
66
+ [style*="--c_border--:"] > & {
67
+ border: var(--c_border--);
68
+ }
69
+ [style*="--c_border-block--:"] > & {
70
+ border-block: var(--c_border-block--);
71
+ }
72
+ [style*="--c_border-block-start--:"] > & {
73
+ border-block-start: var(--c_border-block-start--);
74
+ }
75
+ [style*="--c_border-block-end--:"] > & {
76
+ border-block-end: var(--c_border-block-end--);
77
+ }
78
+ [style*="--c_border-inline--:"] > & {
79
+ border-inline: var(--c_border-inline--);
80
+ }
81
+ [style*="--c_border-inline-start--:"] > & {
82
+ border-inline-start: var(--c_border-inline-start--);
83
+ }
84
+ [style*="--c_border-inline-end--:"] > & {
85
+ border-inline-end: var(--c_border-inline-end--);
86
+ }
87
+ [style*="--c_border-radius--:"] > & {
88
+ border-radius: var(--c_border-radius--);
89
+ }
90
+ [style*="--c_box-shadow--:"] > & {
91
+ box-shadow: var(--c_box-shadow--);
92
+ }
93
+ [style*="--c_color--:"] > & {
94
+ color: var(--c_color--);
95
+ }
96
+ }
97
+ :where(:nth-child(even)) {
98
+ [style*="--c-nth-even_background--:"] > & {
99
+ background: var(--c-nth-even_background--);
100
+ background-attachment: scroll;
101
+ }
102
+ [style*="--c-nth-even_color--:"] > & {
103
+ color: var(--c-nth-even_color--);
104
+ }
105
+ }
106
+ :where(:nth-child(odd)) {
107
+ [style*="--c-nth-odd_background--:"] > & {
108
+ background: var(--c-nth-odd_background--);
109
+ background-attachment: scroll;
110
+ }
111
+ [style*="--c-nth-odd_color--:"] > & {
112
+ color: var(--c-nth-odd_color--);
113
+ }
114
+ }
115
+ [style*="--background--:"] {
116
+ background: var(--background--);
117
+ background-attachment: scroll;
118
+ }
119
+ [style*="--background-attachment--:"] {
120
+ clip-path: inset(0);
121
+ &::before {
122
+ background: inherit;
123
+ content: "";
124
+ position: fixed;
125
+ inset: 0;
126
+ z-index: -1;
127
+ }
128
+ &::after {
129
+ content: none;
130
+ }
131
+ }
132
+ [style*="--background-color--:"] {
133
+ background-color: var(--background-color--);
134
+ }
135
+ [style*="--border--:"] {
136
+ border: var(--border--);
137
+ }
138
+ [style*="--border-block--:"] {
139
+ border-block: var(--border-block--);
140
+ }
141
+ [style*="--border-block-start--:"] {
142
+ border-block-start: var(--border-block-start--);
143
+ }
144
+ [style*="--border-block-end--:"] {
145
+ border-block-end: var(--border-block-end--);
146
+ }
147
+ [style*="--border-inline--:"] {
148
+ border-inline: var(--border-inline--);
149
+ }
150
+ [style*="--border-inline-start--:"] {
151
+ border-inline-start: var(--border-inline-start--);
152
+ }
153
+ [style*="--border-inline-end--:"] {
154
+ border-inline-end: var(--border-inline-end--);
155
+ }
156
+ [style*="--border-style--:"] {
157
+ border-style: var(--border-style--);
158
+ }
159
+ [style*="--border-width--:"] {
160
+ border-width: var(--border-width--);
161
+ }
162
+ [style*="--border-color--:"] {
163
+ border-color: var(--border-color--);
164
+ }
165
+ [style*="--border-radius--:"] {
166
+ border-radius: var(--border-radius--);
167
+ }
168
+ [style*="--box-shadow--:"] {
169
+ box-shadow: var(--box-shadow--);
170
+ }
171
+ [style*="--color--:"] {
172
+ color: var(--color--);
173
+ }
@@ -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--)}}: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--)}}: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--)}}[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*=--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-radius--\:]{border-radius:var(--border-radius--)}[style*=--box-shadow--\:]{box-shadow:var(--box-shadow--)}[style*=--color--\:]{color:var(--color--)}
@@ -0,0 +1,87 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ /**
3
+ * https://www.w3.org/TR/css-transitions-1/
4
+ * https://www.w3.org/TR/selectors-4/#useraction-pseudos
5
+ */
6
+ @media (prefers-reduced-motion: no-preference) {
7
+ [style*="--transition--:"] {
8
+ transition: var(--transition--);
9
+ }
10
+ }
11
+ :not(_):not(_) {
12
+ &:where(:hover) {
13
+ [style*="--hover_background--:"]:is(&) {
14
+ background: var(--hover_background--);
15
+ background-attachment: scroll;
16
+ }
17
+ [style*="--hover_border-color--:"]:is(&) {
18
+ border-color: var(--hover_border-color--);
19
+ }
20
+ [style*="--hover_box-shadow--:"]:is(&) {
21
+ box-shadow: var(--hover_box-shadow--);
22
+ }
23
+ [style*="--hover_color--:"]:is(&) {
24
+ color: var(--hover_color--);
25
+ }
26
+ [style*="--hover_filter--:"]:is(&) {
27
+ filter: var(--hover_filter--);
28
+ }
29
+ [style*="--hover_transform--:"]:is(&) {
30
+ transform: var(--hover_transform--);
31
+ }
32
+ [style*="--hover_z-index--:"]:is(&) {
33
+ isolation: isolate;
34
+ z-index: var(--hover_z-index--);
35
+ }
36
+ }
37
+ &:where(:active) {
38
+ [style*="--active_background--:"]:is(&) {
39
+ background: var(--active_background--);
40
+ background-attachment: scroll;
41
+ }
42
+ [style*="--active_border-color--:"]:is(&) {
43
+ border-color: var(--active_border-color--);
44
+ }
45
+ [style*="--active_box-shadow--:"]:is(&) {
46
+ box-shadow: var(--active_box-shadow--);
47
+ }
48
+ [style*="--active_color--:"]:is(&) {
49
+ color: var(--active_color--);
50
+ }
51
+ [style*="--active_filter--:"]:is(&) {
52
+ filter: var(--active_filter--);
53
+ }
54
+ [style*="--active_transform--:"]:is(&) {
55
+ transform: var(--active_transform--);
56
+ }
57
+ [style*="--active_z-index--:"]:is(&) {
58
+ isolation: isolate;
59
+ z-index: var(--active_z-index--);
60
+ }
61
+ }
62
+ &:where(:focus-visible) {
63
+ [style*="--focus-visible_background--:"]:is(&) {
64
+ background: var(--focus-visible_background--);
65
+ background-attachment: scroll;
66
+ }
67
+ [style*="--focus-visible_border-color--:"]:is(&) {
68
+ border-color: var(--focus-visible_border-color--);
69
+ }
70
+ [style*="--focus-visible_box-shadow--:"]:is(&) {
71
+ box-shadow: var(--focus-visible_box-shadow--);
72
+ }
73
+ [style*="--focus-visible_color--:"]:is(&) {
74
+ color: var(--focus-visible_color--);
75
+ }
76
+ [style*="--focus-visible_filter--:"]:is(&) {
77
+ filter: var(--focus-visible_filter--);
78
+ }
79
+ [style*="--focus-visible_transform--:"]:is(&) {
80
+ transform: var(--focus-visible_transform--);
81
+ }
82
+ [style*="--focus-visible_z-index--:"]:is(&) {
83
+ isolation: isolate;
84
+ z-index: var(--focus-visible_z-index--);
85
+ }
86
+ }
87
+ }
@@ -0,0 +1,2 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ @media (prefers-reduced-motion:no-preference){[style*=--transition--\:]{transition:var(--transition--)}}:not(_):not(_){&:where(:hover){[style*=--hover_background--\:]&{background:var(--hover_background--);background-attachment:scroll}[style*=--hover_border-color--\:]&{border-color:var(--hover_border-color--)}[style*=--hover_box-shadow--\:]&{box-shadow:var(--hover_box-shadow--)}[style*=--hover_color--\:]&{color:var(--hover_color--)}[style*=--hover_filter--\:]&{filter:var(--hover_filter--)}[style*=--hover_transform--\:]&{transform:var(--hover_transform--)}[style*=--hover_z-index--\:]&{isolation:isolate;z-index:var(--hover_z-index--)}}&:where(:active){[style*=--active_background--\:]&{background:var(--active_background--);background-attachment:scroll}[style*=--active_border-color--\:]&{border-color:var(--active_border-color--)}[style*=--active_box-shadow--\:]&{box-shadow:var(--active_box-shadow--)}[style*=--active_color--\:]&{color:var(--active_color--)}[style*=--active_filter--\:]&{filter:var(--active_filter--)}[style*=--active_transform--\:]&{transform:var(--active_transform--)}[style*=--active_z-index--\:]&{isolation:isolate;z-index:var(--active_z-index--)}}&:where(:focus-visible){[style*=--focus-visible_background--\:]&{background:var(--focus-visible_background--);background-attachment:scroll}[style*=--focus-visible_border-color--\:]&{border-color:var(--focus-visible_border-color--)}[style*=--focus-visible_box-shadow--\:]&{box-shadow:var(--focus-visible_box-shadow--)}[style*=--focus-visible_color--\:]&{color:var(--focus-visible_color--)}[style*=--focus-visible_filter--\:]&{filter:var(--focus-visible_filter--)}[style*=--focus-visible_transform--\:]&{transform:var(--focus-visible_transform--)}[style*=--focus-visible_z-index--\:]&{isolation:isolate;z-index:var(--focus-visible_z-index--)}}}
@@ -0,0 +1,267 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ /**
3
+ * https://www.w3.org/TR/css-align-3/
4
+ * https://www.w3.org/TR/css-conditional-5/
5
+ * https://www.w3.org/TR/css-display-3/
6
+ * https://www.w3.org/TR/css-flexbox-1/
7
+ * https://www.w3.org/TR/css-grid-2/
8
+ * https://www.w3.org/TR/css-multicol-2/
9
+ * https://www.w3.org/TR/CSS22/visuren.html
10
+ */
11
+ * {
12
+ [style*="--c_flex--:"] > & {
13
+ flex: var(--c_flex--);
14
+ }
15
+ [style*="--c_grid-area--:"] > & {
16
+ grid-area: var(--c_grid-area--);
17
+ }
18
+ }
19
+ :not(_):not(_):where([style*="--columns--:"], [style*="--flex-flow--:"], [style*="--grid--:"]) {
20
+ &:where(ol, ul, menu) {
21
+ list-style-position: inside;
22
+ padding: 0;
23
+ }
24
+ &:where(ul, menu) {
25
+ list-style-type: "";
26
+ }
27
+ &:where(dl) > :where(div) > *, & > *, &:where(li, dt, dd) {
28
+ margin: 0;
29
+ }
30
+ }
31
+ [style*="--columns--:"] {
32
+ columns: var(--columns--);
33
+ :not(_):not(_):where(&) {
34
+ & > * {
35
+ break-inside: avoid-column;
36
+ contain: layout;
37
+ }
38
+ &:where([style*="--c_margin-block-start--:"]) > * {
39
+ margin-block-start: var(--c_margin-block-start--);
40
+ }
41
+ &:where([style*="--c_margin-block-end--:"]) > * {
42
+ margin-block-end: var(--c_margin-block-end--);
43
+ }
44
+ }
45
+ & > * {
46
+ &:first-child {
47
+ margin-block-start: 0;
48
+ }
49
+ &:last-child {
50
+ margin-block-end: 0;
51
+ }
52
+ }
53
+ }
54
+ [style*="--column-fill--:"] {
55
+ column-fill: var(--column-fill--);
56
+ }
57
+ [style*="--column-rule--:"] {
58
+ column-rule: var(--column-rule--);
59
+ }
60
+ [style*="--column-span--:"] {
61
+ column-span: var(--column-span--);
62
+ }
63
+ [style*="--container-type--:"] {
64
+ container-type: var(--container-type--);
65
+ }
66
+ [style*="--display--:"] {
67
+ display: var(--display--);
68
+ }
69
+ [style*="--flex--:"] {
70
+ flex: var(--flex--);
71
+ }
72
+ [style*="--flex-flow--:"] {
73
+ flex-flow: var(--flex-flow--);
74
+ :not(_):not(_):where(&) {
75
+ display: flex;
76
+ }
77
+ }
78
+ [style*="--gap--:"] {
79
+ gap: var(--gap--);
80
+ }
81
+ [style*="--row-gap--:"] {
82
+ row-gap: var(--row-gap--);
83
+ }
84
+ [style*="--column-gap--:"] {
85
+ column-gap: var(--column-gap--);
86
+ }
87
+ [style*="--grid--:"] {
88
+ grid: var(--grid--);
89
+ :not(_):not(_):where(&) {
90
+ display: grid;
91
+ }
92
+ }
93
+ [style*="--grid-area--:"] {
94
+ grid-area: var(--grid-area--);
95
+ }
96
+ [style*="--order--:"] {
97
+ order: var(--order--);
98
+ }
99
+ [style*="--place-content--:"] {
100
+ place-content: var(--place-content--);
101
+ }
102
+ [style*="--place-items--:"] {
103
+ place-items: var(--place-items--);
104
+ }
105
+ [style*="--place-self--:"] {
106
+ place-self: var(--place-self--);
107
+ }
108
+ [style*="--z-index--:"] {
109
+ isolation: isolate;
110
+ z-index: var(--z-index--);
111
+ }
112
+ @container (inline-size > 480px) and (inline-size > 30rem) {
113
+ [style*="--cq-i-s_flex--:"] {
114
+ flex: var(--cq-i-s_flex--);
115
+ }
116
+ [style*="--cq-i-s_flex-flow--:"] {
117
+ flex-flow: var(--cq-i-s_flex-flow--);
118
+ }
119
+ [style*="--cq-i-s_gap--:"] {
120
+ gap: var(--cq-i-s_gap--);
121
+ }
122
+ [style*="--cq-i-s_row-gap--:"] {
123
+ row-gap: var(--cq-i-s_row-gap--);
124
+ }
125
+ [style*="--cq-i-s_column-gap--:"] {
126
+ column-gap: var(--cq-i-s_column-gap--);
127
+ }
128
+ [style*="--cq-i-s_grid--:"] {
129
+ grid: var(--cq-i-s_grid--);
130
+ }
131
+ [style*="--cq-i-s_grid-area--:"] {
132
+ grid-area: var(--cq-i-s_grid-area--);
133
+ }
134
+ [style*="--cq-i-s_order--:"] {
135
+ order: var(--cq-i-s_order--);
136
+ }
137
+ [style*="--cq-i-s_place-content--:"] {
138
+ place-content: var(--cq-i-s_place-content--);
139
+ }
140
+ [style*="--cq-i-s_place-items--:"] {
141
+ place-items: var(--cq-i-s_place-items--);
142
+ }
143
+ [style*="--cq-i-s_place-self--:"] {
144
+ place-self: var(--cq-i-s_place-self--);
145
+ }
146
+ [style*="--cq-i-s_z-index--:"] {
147
+ isolation: isolate;
148
+ z-index: var(--cq-i-s_z-index--);
149
+ }
150
+ }
151
+ @container (inline-size > 720px) and (inline-size > 45rem) {
152
+ [style*="--cq-i-m_flex--:"] {
153
+ flex: var(--cq-i-m_flex--);
154
+ }
155
+ [style*="--cq-i-m_flex-flow--:"] {
156
+ flex-flow: var(--cq-i-m_flex-flow--);
157
+ }
158
+ [style*="--cq-i-m_gap--:"] {
159
+ gap: var(--cq-i-m_gap--);
160
+ }
161
+ [style*="--cq-i-m_row-gap--:"] {
162
+ row-gap: var(--cq-i-m_row-gap--);
163
+ }
164
+ [style*="--cq-i-m_column-gap--:"] {
165
+ column-gap: var(--cq-i-m_column-gap--);
166
+ }
167
+ [style*="--cq-i-m_grid--:"] {
168
+ grid: var(--cq-i-m_grid--);
169
+ }
170
+ [style*="--cq-i-m_grid-area--:"] {
171
+ grid-area: var(--cq-i-m_grid-area--);
172
+ }
173
+ [style*="--cq-i-m_order--:"] {
174
+ order: var(--cq-i-m_order--);
175
+ }
176
+ [style*="--cq-i-m_place-content--:"] {
177
+ place-content: var(--cq-i-m_place-content--);
178
+ }
179
+ [style*="--cq-i-m_place-items--:"] {
180
+ place-items: var(--cq-i-m_place-items--);
181
+ }
182
+ [style*="--cq-i-m_place-self--:"] {
183
+ place-self: var(--cq-i-m_place-self--);
184
+ }
185
+ [style*="--cq-i-m_z-index--:"] {
186
+ isolation: isolate;
187
+ z-index: var(--cq-i-m_z-index--);
188
+ }
189
+ }
190
+ @container (inline-size > 960px) and (inline-size > 60rem) {
191
+ [style*="--cq-i-l_flex--:"] {
192
+ flex: var(--cq-i-l_flex--);
193
+ }
194
+ [style*="--cq-i-l_flex-flow--:"] {
195
+ flex-flow: var(--cq-i-l_flex-flow--);
196
+ }
197
+ [style*="--cq-i-l_gap--:"] {
198
+ gap: var(--cq-i-l_gap--);
199
+ }
200
+ [style*="--cq-i-l_row-gap--:"] {
201
+ row-gap: var(--cq-i-l_row-gap--);
202
+ }
203
+ [style*="--cq-i-l_column-gap--:"] {
204
+ column-gap: var(--cq-i-l_column-gap--);
205
+ }
206
+ [style*="--cq-i-l_grid--:"] {
207
+ grid: var(--cq-i-l_grid--);
208
+ }
209
+ [style*="--cq-i-l_grid-area--:"] {
210
+ grid-area: var(--cq-i-l_grid-area--);
211
+ }
212
+ [style*="--cq-i-l_order--:"] {
213
+ order: var(--cq-i-l_order--);
214
+ }
215
+ [style*="--cq-i-l_place-content--:"] {
216
+ place-content: var(--cq-i-l_place-content--);
217
+ }
218
+ [style*="--cq-i-l_place-items--:"] {
219
+ place-items: var(--cq-i-l_place-items--);
220
+ }
221
+ [style*="--cq-i-l_place-self--:"] {
222
+ place-self: var(--cq-i-l_place-self--);
223
+ }
224
+ [style*="--cq-i-l_z-index--:"] {
225
+ isolation: isolate;
226
+ z-index: var(--cq-i-l_z-index--);
227
+ }
228
+ }
229
+ @container (inline-size > 1200px) and (inline-size > 75rem) {
230
+ [style*="--cq-i-xl_flex--:"] {
231
+ flex: var(--cq-i-xl_flex--);
232
+ }
233
+ [style*="--cq-i-xl_flex-flow--:"] {
234
+ flex-flow: var(--cq-i-xl_flex-flow--);
235
+ }
236
+ [style*="--cq-i-xl_gap--:"] {
237
+ gap: var(--cq-i-xl_gap--);
238
+ }
239
+ [style*="--cq-i-xl_row-gap--:"] {
240
+ row-gap: var(--cq-i-xl_row-gap--);
241
+ }
242
+ [style*="--cq-i-xl_column-gap--:"] {
243
+ column-gap: var(--cq-i-xl_column-gap--);
244
+ }
245
+ [style*="--cq-i-xl_grid--:"] {
246
+ grid: var(--cq-i-xl_grid--);
247
+ }
248
+ [style*="--cq-i-xl_grid-area--:"] {
249
+ grid-area: var(--cq-i-xl_grid-area--);
250
+ }
251
+ [style*="--cq-i-xl_order--:"] {
252
+ order: var(--cq-i-xl_order--);
253
+ }
254
+ [style*="--cq-i-xl_place-content--:"] {
255
+ place-content: var(--cq-i-xl_place-content--);
256
+ }
257
+ [style*="--cq-i-xl_place-items--:"] {
258
+ place-items: var(--cq-i-xl_place-items--);
259
+ }
260
+ [style*="--cq-i-xl_place-self--:"] {
261
+ place-self: var(--cq-i-xl_place-self--);
262
+ }
263
+ [style*="--cq-i-xl_z-index--:"] {
264
+ isolation: isolate;
265
+ z-index: var(--cq-i-xl_z-index--);
266
+ }
267
+ }
@@ -0,0 +1,2 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ *{[style*=--c_flex--\:]>&{flex:var(--c_flex--)}[style*=--c_grid-area--\:]>&{grid-area:var(--c_grid-area--)}}: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}}[style*=--columns--\:]{columns:var(--columns--);:not(_):not(_):where(&){&>*{break-inside:avoid-column;contain:layout}&:where([style*=--c_margin-block-start--\:])>*{margin-block-start:var(--c_margin-block-start--)}&:where([style*=--c_margin-block-end--\:])>*{margin-block-end:var(--c_margin-block-end--)}}&>*{&: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*=--flex--\:]{flex:var(--flex--)}[style*=--flex-flow--\:]{flex-flow:var(--flex-flow--);:not(_):not(_):where(&){display:flex}}[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*=--order--\:]{order:var(--order--)}[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*=--z-index--\:]{isolation:isolate;z-index:var(--z-index--)}@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--)}}
@@ -0,0 +1,16 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ /**
3
+ * https://www.w3.org/TR/css-lists-3/
4
+ */
5
+ [style*="--list-style--:"] {
6
+ list-style: var(--list-style--);
7
+ }
8
+ [style*="--list-style-type--:"] {
9
+ list-style-type: var(--list-style-type--);
10
+ }
11
+ [style*="--list-style-image--:"] {
12
+ list-style-image: var(--list-style-image--);
13
+ }
14
+ [style*="--list-style-position--:"] {
15
+ list-style-position: var(--list-style-position--);
16
+ }
@@ -0,0 +1,2 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ [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--)}
@@ -0,0 +1,40 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ /**
3
+ * https://www.w3.org/TR/css-images-3/
4
+ * https://www.w3.org/TR/css-logical-1/
5
+ * https://www.w3.org/TR/css-overflow-3/
6
+ * https://www.w3.org/TR/css-sizing-4/
7
+ */
8
+ [style*="--aspect-ratio--:"] {
9
+ aspect-ratio: var(--aspect-ratio--);
10
+ :not(_):not(_):where(&:is(iframe)) {
11
+ block-size: auto;
12
+ }
13
+ }
14
+ [style*="--block-size--:"] {
15
+ block-size: var(--block-size--);
16
+ }
17
+ [style*="--min-block-size--:"] {
18
+ min-block-size: var(--min-block-size--);
19
+ }
20
+ [style*="--max-block-size--:"] {
21
+ max-block-size: var(--max-block-size--);
22
+ }
23
+ [style*="--inline-size--:"] {
24
+ inline-size: var(--inline-size--);
25
+ }
26
+ [style*="--min-inline-size--:"] {
27
+ min-inline-size: var(--min-inline-size--);
28
+ }
29
+ [style*="--max-inline-size--:"] {
30
+ max-inline-size: var(--max-inline-size--);
31
+ }
32
+ [style*="--object-fit--:"] {
33
+ object-fit: var(--object-fit--);
34
+ }
35
+ [style*="--object-position--:"] {
36
+ object-position: var(--object-position--);
37
+ }
38
+ [style*="--overflow--:"] {
39
+ overflow: var(--overflow--);
40
+ }
@@ -0,0 +1,2 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ [style*=--aspect-ratio--\:]{aspect-ratio:var(--aspect-ratio--);:not(_):not(_):where(&:is(iframe)){block-size:auto}}[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*=--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*=--object-fit--\:]{object-fit:var(--object-fit--)}[style*=--object-position--\:]{object-position:var(--object-position--)}[style*=--overflow--\:]{overflow:var(--overflow--)}
@@ -0,0 +1,19 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ /**
3
+ * https://www.w3.org/TR/CSS22/tables.html
4
+ */
5
+ [style*="--border-collapse--:"] {
6
+ border-collapse: var(--border-collapse--);
7
+ }
8
+ [style*="--border-spacing--:"] {
9
+ border-spacing: var(--border-spacing--);
10
+ }
11
+ [style*="--caption-side--:"] {
12
+ caption-side: var(--caption-side--);
13
+ }
14
+ [style*="--empty-cells--:"] {
15
+ empty-cells: var(--empty-cells--);
16
+ }
17
+ [style*="--table-layout--:"] {
18
+ table-layout: var(--table-layout--);
19
+ }
@@ -0,0 +1,2 @@
1
+ /*! The MIT License. Copyright 2026 Nobuo Nakayama (Shimotsuki/nov-jp). */
2
+ [style*=--border-collapse--\:]{border-collapse:var(--border-collapse--)}[style*=--border-spacing--\:]{border-spacing:var(--border-spacing--)}[style*=--caption-side--\:]{caption-side:var(--caption-side--)}[style*=--empty-cells--\:]{empty-cells:var(--empty-cells--)}[style*=--table-layout--\:]{table-layout:var(--table-layout--)}