semantic-forms 5.3.12 → 5.3.14
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.
- package/CHANGELOG.md +17 -0
- package/dist/semantic-forms.cjs +49 -40
- package/dist/semantic-forms.cjs.map +1 -1
- package/dist/semantic-forms.css +700 -752
- package/dist/semantic-forms.css.map +1 -1
- package/dist/semantic-forms.js +49 -40
- package/dist/semantic-forms.js.map +1 -1
- package/dist/semantic-forms.min.js +1 -1
- package/dist/semantic-forms.min.js.map +1 -1
- package/dist/semantic-forms.min.mjs +1 -1
- package/dist/semantic-forms.min.mjs.map +1 -1
- package/dist/semantic-forms.mjs +49 -40
- package/dist/semantic-forms.mjs.map +1 -1
- package/docs/statics/css/semantic-forms-styles.scss +61 -0
- package/docs/statics/js/semantic-forms-demo.js +4 -0
- package/docs/statics/pages/fullDemo.html +27 -0
- package/docs/statics/pages/layout.html +259 -0
- package/docs/statics/pages/theming.html +28 -0
- package/package.json +2 -2
- package/semanticForms.scss +27 -16
package/dist/semantic-forms.css
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
form.semanticForms,
|
|
2
|
-
form.semanticForms.light,
|
|
3
|
-
table.semanticForms {
|
|
1
|
+
:where(form.semanticForms, table.semanticForms) {
|
|
4
2
|
--semanticFormsFontFamily: sans-serif;
|
|
5
3
|
--semanticFormsFontSize: 16px;
|
|
6
4
|
--semanticFormsFormBgColor: #fff;
|
|
@@ -28,15 +26,11 @@ table.semanticForms {
|
|
|
28
26
|
--semanticFormsSwitchOnColor: #2196f3;
|
|
29
27
|
}
|
|
30
28
|
@supports (color: AccentColor) {
|
|
31
|
-
form.semanticForms,
|
|
32
|
-
form.semanticForms.light,
|
|
33
|
-
table.semanticForms {
|
|
29
|
+
:where(form.semanticForms, table.semanticForms) {
|
|
34
30
|
--semanticFormsSwitchOnColor: AccentColor;
|
|
35
31
|
}
|
|
36
32
|
}
|
|
37
|
-
form.semanticForms,
|
|
38
|
-
form.semanticForms.light,
|
|
39
|
-
table.semanticForms {
|
|
33
|
+
:where(form.semanticForms, table.semanticForms) {
|
|
40
34
|
--semanticFormsSwitchOffColor: #c0c0c0;
|
|
41
35
|
--semanticFormsSwitchThumbColor: #fff;
|
|
42
36
|
--semanticFormsNestedFieldsetBgColor: oklch(from var(--semanticFormsFormSubBgColor) 0.3 c h / 0.05);
|
|
@@ -51,13 +45,17 @@ table.semanticForms {
|
|
|
51
45
|
--semanticFormsSelectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000'%3E%3Cpolygon points='0,0 100,0 50,50'/%3E%3C/svg%3E");
|
|
52
46
|
--semanticFormsCustomResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E");
|
|
53
47
|
--semanticFormsSearchIcon: url("data:image/svg+xml,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.7955%2015.8111L21%2021M18%2010.5C18%2014.6421%2014.6421%2018%2010.5%2018C6.35786%2018%203%2014.6421%203%2010.5C3%206.35786%206.35786%203%2010.5%203C14.6421%203%2018%206.35786%2018%2010.5Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
|
|
48
|
+
--semanticFormsPageBgColor: #fff;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
form.semanticForms,
|
|
52
|
+
table.semanticForms {
|
|
54
53
|
font-family: var(--semanticFormsFontFamily);
|
|
55
54
|
font-size: var(--semanticFormsFontSize);
|
|
56
55
|
width: 100%;
|
|
57
56
|
overflow-x: hidden;
|
|
58
57
|
}
|
|
59
58
|
form.semanticForms:not(table),
|
|
60
|
-
form.semanticForms.light:not(table),
|
|
61
59
|
table.semanticForms:not(table) {
|
|
62
60
|
display: flex;
|
|
63
61
|
flex-direction: column;
|
|
@@ -65,80 +63,32 @@ table.semanticForms:not(table) {
|
|
|
65
63
|
}
|
|
66
64
|
@supports (interpolate-size: allow-keywords) {
|
|
67
65
|
form.semanticForms,
|
|
68
|
-
form.semanticForms.light,
|
|
69
66
|
table.semanticForms {
|
|
70
67
|
interpolate-size: allow-keywords;
|
|
71
68
|
}
|
|
72
69
|
}
|
|
73
70
|
form.semanticForms [hidden],
|
|
74
|
-
form.semanticForms.light [hidden],
|
|
75
71
|
table.semanticForms [hidden] {
|
|
76
72
|
display: none !important;
|
|
77
73
|
}
|
|
78
74
|
form.semanticForms div:has(dd[hidden]),
|
|
79
|
-
form.semanticForms.light div:has(dd[hidden]),
|
|
80
75
|
table.semanticForms div:has(dd[hidden]) {
|
|
81
76
|
display: none !important;
|
|
82
77
|
}
|
|
83
|
-
form.semanticForms fieldset,
|
|
84
|
-
|
|
85
|
-
form.semanticForms input,
|
|
86
|
-
form.semanticForms select,
|
|
87
|
-
form.semanticForms textarea,
|
|
88
|
-
form.semanticForms button,
|
|
89
|
-
form.semanticForms menu:has(li > input, li > label, li > button, li > select, li > textarea),
|
|
90
|
-
form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea),
|
|
91
|
-
form.semanticForms dt:has(> input, > select, > textarea),
|
|
92
|
-
form.semanticForms dd:has(> input, > select, > textarea, > ul, > menu),
|
|
93
|
-
form.semanticForms div:has(dt, dd),
|
|
94
|
-
form.semanticForms dd > p,
|
|
95
|
-
form.semanticForms.light fieldset,
|
|
96
|
-
form.semanticForms.light label,
|
|
97
|
-
form.semanticForms.light input,
|
|
98
|
-
form.semanticForms.light select,
|
|
99
|
-
form.semanticForms.light textarea,
|
|
100
|
-
form.semanticForms.light button,
|
|
101
|
-
form.semanticForms.light menu:has(li > input, li > label, li > button, li > select, li > textarea),
|
|
102
|
-
form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea),
|
|
103
|
-
form.semanticForms.light dt:has(> input, > select, > textarea),
|
|
104
|
-
form.semanticForms.light dd:has(> input, > select, > textarea, > ul, > menu),
|
|
105
|
-
form.semanticForms.light div:has(dt, dd),
|
|
106
|
-
form.semanticForms.light dd > p,
|
|
107
|
-
table.semanticForms fieldset,
|
|
108
|
-
table.semanticForms label,
|
|
109
|
-
table.semanticForms input,
|
|
110
|
-
table.semanticForms select,
|
|
111
|
-
table.semanticForms textarea,
|
|
112
|
-
table.semanticForms button,
|
|
113
|
-
table.semanticForms menu:has(li > input, li > label, li > button, li > select, li > textarea),
|
|
114
|
-
table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea),
|
|
115
|
-
table.semanticForms dt:has(> input, > select, > textarea),
|
|
116
|
-
table.semanticForms dd:has(> input, > select, > textarea, > ul, > menu),
|
|
117
|
-
table.semanticForms div:has(dt, dd),
|
|
118
|
-
table.semanticForms dd > p {
|
|
78
|
+
form.semanticForms :where(fieldset, label, input, select, textarea, button, menu:has(li > input, li > label, li > button, li > select, li > textarea), dl:has(dt > label, dd > input, dd > select, dd > textarea), dt:has(> input, > select, > textarea), dd:has(> input, > select, > textarea, > ul, > menu), div:has(dt, dd), dd > p),
|
|
79
|
+
table.semanticForms :where(fieldset, label, input, select, textarea, button, menu:has(li > input, li > label, li > button, li > select, li > textarea), dl:has(dt > label, dd > input, dd > select, dd > textarea), dt:has(> input, > select, > textarea), dd:has(> input, > select, > textarea, > ul, > menu), div:has(dt, dd), dd > p) {
|
|
119
80
|
color: var(--semanticFormsTextColor);
|
|
120
81
|
font-family: var(--semanticFormsFontFamily);
|
|
121
82
|
box-sizing: border-box;
|
|
122
83
|
}
|
|
123
|
-
|
|
124
|
-
form.semanticForms
|
|
125
|
-
form.semanticForms.light dl,
|
|
126
|
-
form.semanticForms.light dt,
|
|
127
|
-
form.semanticForms.light dd,
|
|
128
|
-
form.semanticForms.light div,
|
|
129
|
-
form.semanticForms.light dd > p,
|
|
130
|
-
table.semanticForms menu,
|
|
131
|
-
table.semanticForms dl,
|
|
132
|
-
table.semanticForms dt,
|
|
133
|
-
table.semanticForms dd,
|
|
134
|
-
table.semanticForms div,
|
|
135
|
-
table.semanticForms dd > p {
|
|
84
|
+
|
|
85
|
+
:where(form, table).semanticForms :where(menu, dl, dt, dd, div, dd > p) {
|
|
136
86
|
margin: 0;
|
|
137
87
|
padding: 0;
|
|
138
88
|
}
|
|
139
89
|
|
|
140
90
|
@media (prefers-color-scheme: dark) {
|
|
141
|
-
html:not(.light) body:not(.light) form.semanticForms:not(.light), html:not(.light) body:not(.light) table.semanticForms:not(.light) {
|
|
91
|
+
:where(html:not(.light) body:not(.light) form.semanticForms:not(.light), html:not(.light) body:not(.light) table.semanticForms:not(.light)) {
|
|
142
92
|
--semanticFormsFormBgColor: #555;
|
|
143
93
|
--inputBackgroudColor: rgba(85,85,85,0.1);
|
|
144
94
|
--semanticFormsFormSubBgColor: #2f2f2f;
|
|
@@ -154,11 +104,11 @@ table.semanticForms dd > p {
|
|
|
154
104
|
--semanticFormsSwitchOnColor: #2196f3;
|
|
155
105
|
}
|
|
156
106
|
@supports (color: AccentColor) {
|
|
157
|
-
html:not(.light) body:not(.light) form.semanticForms:not(.light), html:not(.light) body:not(.light) table.semanticForms:not(.light) {
|
|
107
|
+
:where(html:not(.light) body:not(.light) form.semanticForms:not(.light), html:not(.light) body:not(.light) table.semanticForms:not(.light)) {
|
|
158
108
|
--semanticFormsSwitchOnColor: AccentColor;
|
|
159
109
|
}
|
|
160
110
|
}
|
|
161
|
-
html:not(.light) body:not(.light) form.semanticForms:not(.light), html:not(.light) body:not(.light) table.semanticForms:not(.light) {
|
|
111
|
+
:where(html:not(.light) body:not(.light) form.semanticForms:not(.light), html:not(.light) body:not(.light) table.semanticForms:not(.light)) {
|
|
162
112
|
--semanticFormsSwitchOffColor: #656565;
|
|
163
113
|
--semanticFormsSwitchThumbColor: #fff;
|
|
164
114
|
--semanticFormsNestedFieldsetBgColor: oklch(from var(--semanticFormsFormSubBgColor) 0.9 c h / 0.05);
|
|
@@ -173,12 +123,13 @@ table.semanticForms dd > p {
|
|
|
173
123
|
--semanticFormsSelectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'%3E%3Cpolygon stroke='%23fff' points='0,0 100,0 50,50'/%3E%3C/svg%3E");
|
|
174
124
|
--semanticFormsCustomResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E");
|
|
175
125
|
--semanticFormsSearchIcon: url("data:image/svg+xml,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.7955%2015.8111L21%2021M18%2010.5C18%2014.6421%2014.6421%2018%2010.5%2018C6.35786%2018%203%2014.6421%203%2010.5C3%206.35786%206.35786%203%2010.5%203C14.6421%203%2018%206.35786%2018%2010.5Z%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
|
|
126
|
+
--semanticFormsPageBgColor: #000;
|
|
176
127
|
}
|
|
177
|
-
html:not(.light) body:not(.light) form.semanticForms:not(.light)
|
|
128
|
+
:where(html:not(.light) body:not(.light) form.semanticForms:not(.light), html:not(.light) body:not(.light) table.semanticForms:not(.light)) input::-webkit-calendar-picker-indicator {
|
|
178
129
|
filter: invert(100%);
|
|
179
130
|
}
|
|
180
131
|
}
|
|
181
|
-
html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body:not(.light) table.semanticForms.dark {
|
|
132
|
+
:where(html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body:not(.light) table.semanticForms.dark) {
|
|
182
133
|
--semanticFormsFormBgColor: #555;
|
|
183
134
|
--inputBackgroudColor: rgba(85,85,85,0.1);
|
|
184
135
|
--semanticFormsFormSubBgColor: #2f2f2f;
|
|
@@ -194,11 +145,11 @@ html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body
|
|
|
194
145
|
--semanticFormsSwitchOnColor: #2196f3;
|
|
195
146
|
}
|
|
196
147
|
@supports (color: AccentColor) {
|
|
197
|
-
html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body:not(.light) table.semanticForms.dark {
|
|
148
|
+
:where(html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body:not(.light) table.semanticForms.dark) {
|
|
198
149
|
--semanticFormsSwitchOnColor: AccentColor;
|
|
199
150
|
}
|
|
200
151
|
}
|
|
201
|
-
html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body:not(.light) table.semanticForms.dark {
|
|
152
|
+
:where(html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body:not(.light) table.semanticForms.dark) {
|
|
202
153
|
--semanticFormsSwitchOffColor: #656565;
|
|
203
154
|
--semanticFormsSwitchThumbColor: #fff;
|
|
204
155
|
--semanticFormsNestedFieldsetBgColor: oklch(from var(--semanticFormsFormSubBgColor) 0.9 c h / 0.05);
|
|
@@ -213,13 +164,13 @@ html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body
|
|
|
213
164
|
--semanticFormsSelectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'%3E%3Cpolygon stroke='%23fff' points='0,0 100,0 50,50'/%3E%3C/svg%3E");
|
|
214
165
|
--semanticFormsCustomResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E");
|
|
215
166
|
--semanticFormsSearchIcon: url("data:image/svg+xml,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.7955%2015.8111L21%2021M18%2010.5C18%2014.6421%2014.6421%2018%2010.5%2018C6.35786%2018%203%2014.6421%203%2010.5C3%206.35786%206.35786%203%2010.5%203C14.6421%203%2018%206.35786%2018%2010.5Z%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
|
|
167
|
+
--semanticFormsPageBgColor: #000;
|
|
216
168
|
}
|
|
217
|
-
html:not(.light) body:not(.light) form.semanticForms.dark
|
|
169
|
+
:where(html:not(.light) body:not(.light) form.semanticForms.dark, html:not(.light) body:not(.light) table.semanticForms.dark) input::-webkit-calendar-picker-indicator {
|
|
218
170
|
filter: invert(100%);
|
|
219
171
|
}
|
|
220
172
|
|
|
221
|
-
form.semanticForms.dark,
|
|
222
|
-
table.semanticForms.dark {
|
|
173
|
+
:where(form.semanticForms.dark, table.semanticForms.dark) {
|
|
223
174
|
--semanticFormsFormBgColor: #555;
|
|
224
175
|
--inputBackgroudColor: rgba(85,85,85,0.1);
|
|
225
176
|
--semanticFormsFormSubBgColor: #2f2f2f;
|
|
@@ -235,13 +186,11 @@ table.semanticForms.dark {
|
|
|
235
186
|
--semanticFormsSwitchOnColor: #2196f3;
|
|
236
187
|
}
|
|
237
188
|
@supports (color: AccentColor) {
|
|
238
|
-
form.semanticForms.dark,
|
|
239
|
-
table.semanticForms.dark {
|
|
189
|
+
:where(form.semanticForms.dark, table.semanticForms.dark) {
|
|
240
190
|
--semanticFormsSwitchOnColor: AccentColor;
|
|
241
191
|
}
|
|
242
192
|
}
|
|
243
|
-
form.semanticForms.dark,
|
|
244
|
-
table.semanticForms.dark {
|
|
193
|
+
:where(form.semanticForms.dark, table.semanticForms.dark) {
|
|
245
194
|
--semanticFormsSwitchOffColor: #656565;
|
|
246
195
|
--semanticFormsSwitchThumbColor: #fff;
|
|
247
196
|
--semanticFormsNestedFieldsetBgColor: oklch(from var(--semanticFormsFormSubBgColor) 0.9 c h / 0.05);
|
|
@@ -256,18 +205,17 @@ table.semanticForms.dark {
|
|
|
256
205
|
--semanticFormsSelectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'%3E%3Cpolygon stroke='%23fff' points='0,0 100,0 50,50'/%3E%3C/svg%3E");
|
|
257
206
|
--semanticFormsCustomResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E");
|
|
258
207
|
--semanticFormsSearchIcon: url("data:image/svg+xml,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.7955%2015.8111L21%2021M18%2010.5C18%2014.6421%2014.6421%2018%2010.5%2018C6.35786%2018%203%2014.6421%203%2010.5C3%206.35786%206.35786%203%2010.5%203C14.6421%203%2018%206.35786%2018%2010.5Z%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
|
|
208
|
+
--semanticFormsPageBgColor: #000;
|
|
259
209
|
}
|
|
260
|
-
form.semanticForms.dark input::-webkit-calendar-picker-indicator
|
|
261
|
-
table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
210
|
+
:where(form.semanticForms.dark, table.semanticForms.dark) input::-webkit-calendar-picker-indicator {
|
|
262
211
|
filter: invert(100%);
|
|
263
212
|
}
|
|
264
213
|
|
|
265
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio]),
|
|
214
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])),
|
|
266
215
|
.semanticForms select {
|
|
267
216
|
height: var(--semanticFormsInputHeight);
|
|
268
217
|
}
|
|
269
|
-
.semanticForms input[type=checkbox],
|
|
270
|
-
.semanticForms input[type=radio] {
|
|
218
|
+
.semanticForms input:where([type=checkbox], [type=radio]) {
|
|
271
219
|
width: 18px;
|
|
272
220
|
height: 18px;
|
|
273
221
|
margin: 3px 0;
|
|
@@ -277,48 +225,7 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
277
225
|
.semanticForms input[type=radio] ~ label:first-of-type {
|
|
278
226
|
color: var(--semanticFormsTextColor);
|
|
279
227
|
}
|
|
280
|
-
.semanticForms input[type=checkbox][
|
|
281
|
-
appearance: none;
|
|
282
|
-
box-sizing: border-box;
|
|
283
|
-
width: 34px;
|
|
284
|
-
height: 18px;
|
|
285
|
-
border-radius: 999px;
|
|
286
|
-
background-color: var(--semanticFormsSwitchOffColor);
|
|
287
|
-
border: 1px solid var(--semanticFormsSwitchOffColor);
|
|
288
|
-
background-image: radial-gradient(circle 7px at center, var(--semanticFormsSwitchThumbColor) 6px, transparent 7px);
|
|
289
|
-
background-size: 16px 16px;
|
|
290
|
-
background-position: 0 center;
|
|
291
|
-
background-repeat: no-repeat;
|
|
292
|
-
transition: background-color 200ms ease-in-out, background-position 200ms ease-in-out, border-color 200ms ease-in-out;
|
|
293
|
-
touch-action: none;
|
|
294
|
-
}
|
|
295
|
-
.semanticForms input[type=checkbox][switch]:checked {
|
|
296
|
-
background-color: var(--semanticFormsSwitchOnColor);
|
|
297
|
-
border-color: var(--semanticFormsSwitchOnColor);
|
|
298
|
-
background-position: 16px center;
|
|
299
|
-
}
|
|
300
|
-
.semanticForms input[type=checkbox][switch]:focus-visible {
|
|
301
|
-
outline: none;
|
|
302
|
-
box-shadow: 0 0 0 2px var(--semanticFormsFocusColor);
|
|
303
|
-
}
|
|
304
|
-
.semanticForms input[type=checkbox][switch]:disabled {
|
|
305
|
-
cursor: default;
|
|
306
|
-
opacity: 0.5;
|
|
307
|
-
}
|
|
308
|
-
@media (forced-colors: active) {
|
|
309
|
-
.semanticForms input[type=checkbox][switch] {
|
|
310
|
-
forced-color-adjust: none;
|
|
311
|
-
background-color: Canvas;
|
|
312
|
-
border-color: ButtonText;
|
|
313
|
-
background-image: radial-gradient(circle 7px at center, ButtonText 6px, transparent 7px);
|
|
314
|
-
}
|
|
315
|
-
}
|
|
316
|
-
@media (prefers-reduced-motion: reduce) {
|
|
317
|
-
.semanticForms input[type=checkbox][switch] {
|
|
318
|
-
transition: none;
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio]),
|
|
228
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])),
|
|
322
229
|
.semanticForms select,
|
|
323
230
|
.semanticForms textarea {
|
|
324
231
|
font-size: var(--semanticFormsInputFontSize);
|
|
@@ -329,65 +236,68 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
329
236
|
touch-action: manipulation;
|
|
330
237
|
outline: none;
|
|
331
238
|
}
|
|
332
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio]):focus,
|
|
239
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])):focus,
|
|
333
240
|
.semanticForms select:focus,
|
|
334
241
|
.semanticForms textarea:focus {
|
|
335
242
|
outline: none;
|
|
336
243
|
box-shadow: inset 0 0 0 1px var(--semanticFormsFocusColor);
|
|
337
244
|
}
|
|
338
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio]):not([type=range], textarea, select),
|
|
339
|
-
.semanticForms select:not([type=range], textarea, select),
|
|
340
|
-
.semanticForms textarea:not([type=range], textarea, select) {
|
|
341
|
-
padding: calc(6px - var(--semanticFormsFieldTextInkOffset, 0px))
|
|
342
|
-
}
|
|
343
|
-
.semanticForms
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
.semanticForms
|
|
348
|
-
padding:
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
.semanticForms
|
|
352
|
-
.semanticForms
|
|
245
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])):where(:not([type=range], textarea, select)),
|
|
246
|
+
.semanticForms select:where(:not([type=range], textarea, select)),
|
|
247
|
+
.semanticForms textarea:where(:not([type=range], textarea, select)) {
|
|
248
|
+
padding: calc(6px - var(--semanticFormsFieldTextInkOffset, 0px)) 20px calc(6px + var(--semanticFormsFieldTextInkOffset, 0px)) 20px;
|
|
249
|
+
}
|
|
250
|
+
.semanticForms :where(dl:not(:where(.customLayout, .customLayout *)) dd) input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio], [type=range])) {
|
|
251
|
+
padding-right: 30px;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.semanticForms :where(dl:not(:where(.customLayout, .customLayout *)) dd) input:where([type=password], [type=text]:has(~ button.show)) {
|
|
255
|
+
padding-right: 55px;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])):where([type=search]),
|
|
259
|
+
.semanticForms select:where([type=search]),
|
|
260
|
+
.semanticForms textarea:where([type=search]) {
|
|
353
261
|
padding: calc(6px - var(--semanticFormsFieldTextInkOffset, 0px)) 20px calc(6px + var(--semanticFormsFieldTextInkOffset, 0px)) 32px;
|
|
354
262
|
background: var(--semanticFormsSearchIcon) no-repeat 10px;
|
|
355
263
|
background-color: var(--semanticFormsFormBgColor);
|
|
356
264
|
background-size: 18px;
|
|
357
265
|
}
|
|
358
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])[type=search]:focus + label.floatLabelFormAnimatedLabel, .semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])[type=search]:not(:placeholder-shown) + label.floatLabelFormAnimatedLabel,
|
|
359
|
-
.semanticForms select[type=search]:focus + label.floatLabelFormAnimatedLabel,
|
|
360
|
-
.semanticForms select[type=search]:not(:placeholder-shown) + label.floatLabelFormAnimatedLabel,
|
|
361
|
-
.semanticForms textarea[type=search]:focus + label.floatLabelFormAnimatedLabel,
|
|
362
|
-
.semanticForms textarea[type=search]:not(:placeholder-shown) + label.floatLabelFormAnimatedLabel {
|
|
266
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])):where([type=search]):focus + label.floatLabelFormAnimatedLabel, .semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])):where([type=search]):not(:placeholder-shown) + label.floatLabelFormAnimatedLabel,
|
|
267
|
+
.semanticForms select:where([type=search]):focus + label.floatLabelFormAnimatedLabel,
|
|
268
|
+
.semanticForms select:where([type=search]):not(:placeholder-shown) + label.floatLabelFormAnimatedLabel,
|
|
269
|
+
.semanticForms textarea:where([type=search]):focus + label.floatLabelFormAnimatedLabel,
|
|
270
|
+
.semanticForms textarea:where([type=search]):not(:placeholder-shown) + label.floatLabelFormAnimatedLabel {
|
|
363
271
|
left: 20px;
|
|
364
272
|
}
|
|
365
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])[type=search]::-webkit-search-cancel-button,
|
|
366
|
-
.semanticForms select[type=search]::-webkit-search-cancel-button,
|
|
367
|
-
.semanticForms textarea[type=search]::-webkit-search-cancel-button {
|
|
273
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])):where([type=search])::-webkit-search-cancel-button,
|
|
274
|
+
.semanticForms select:where([type=search])::-webkit-search-cancel-button,
|
|
275
|
+
.semanticForms textarea:where([type=search])::-webkit-search-cancel-button {
|
|
368
276
|
display: none;
|
|
369
277
|
}
|
|
370
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])
|
|
371
|
-
.semanticForms select[type=range],
|
|
372
|
-
.semanticForms
|
|
373
|
-
.semanticForms textarea[type=range],
|
|
374
|
-
.semanticForms textarea[type=color] {
|
|
278
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])):where([type=range], [type=color]),
|
|
279
|
+
.semanticForms select:where([type=range], [type=color]),
|
|
280
|
+
.semanticForms textarea:where([type=range], [type=color]) {
|
|
375
281
|
cursor: pointer;
|
|
376
282
|
}
|
|
377
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])[type=color],
|
|
378
|
-
.semanticForms select[type=color],
|
|
379
|
-
.semanticForms textarea[type=color] {
|
|
283
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])):where([type=color]),
|
|
284
|
+
.semanticForms select:where([type=color]),
|
|
285
|
+
.semanticForms textarea:where([type=color]) {
|
|
380
286
|
height: var(--semanticFormsInputHeight);
|
|
287
|
+
padding: 4px 10px;
|
|
288
|
+
}
|
|
289
|
+
.semanticForms :where(dl:not(:where(.customLayout, .customLayout *)) dd) input:where([type=color]) {
|
|
381
290
|
min-width: 100%;
|
|
382
|
-
padding:
|
|
291
|
+
padding-right: 30px;
|
|
383
292
|
}
|
|
384
|
-
|
|
385
|
-
.semanticForms
|
|
386
|
-
.semanticForms
|
|
293
|
+
|
|
294
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])):where([type=file]),
|
|
295
|
+
.semanticForms select:where([type=file]),
|
|
296
|
+
.semanticForms textarea:where([type=file]) {
|
|
387
297
|
cursor: pointer;
|
|
388
298
|
font-size: var(--semanticFormsInputFontSize);
|
|
389
299
|
}
|
|
390
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])[disabled],
|
|
300
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio]))[disabled],
|
|
391
301
|
.semanticForms select[disabled],
|
|
392
302
|
.semanticForms textarea[disabled] {
|
|
393
303
|
cursor: not-allowed;
|
|
@@ -407,39 +317,42 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
407
317
|
cursor: pointer;
|
|
408
318
|
padding: calc(6px - var(--semanticFormsTextInkOffset, 0px)) 30px calc(6px + var(--semanticFormsTextInkOffset, 0px)) 20px;
|
|
409
319
|
}
|
|
410
|
-
.semanticForms select:not([multiple]) {
|
|
320
|
+
.semanticForms select:where(:not([multiple])) {
|
|
411
321
|
background-image: var(--semanticFormsSelectIcon);
|
|
412
322
|
background-size: 14px;
|
|
413
|
-
background-position: calc(100% - 8px)
|
|
323
|
+
background-position: calc(100% - 8px) calc(50% + 5px);
|
|
414
324
|
background-repeat: no-repeat;
|
|
415
325
|
-webkit-appearance: none;
|
|
416
326
|
-moz-appearance: none;
|
|
417
327
|
appearance: none;
|
|
418
328
|
}
|
|
419
|
-
.semanticForms select[multiple] {
|
|
329
|
+
.semanticForms select:where([multiple]) {
|
|
420
330
|
min-height: 38px;
|
|
421
331
|
height: 100px;
|
|
422
332
|
padding: 0;
|
|
423
333
|
}
|
|
424
|
-
.semanticForms select[multiple] option {
|
|
334
|
+
.semanticForms select:where([multiple]) option {
|
|
425
335
|
padding: 6px 20px;
|
|
426
336
|
}
|
|
427
|
-
.semanticForms select[multiple] option:first-of-type {
|
|
337
|
+
.semanticForms select:where([multiple]) option:first-of-type {
|
|
428
338
|
border-top-left-radius: var(--semanticFormsBorderRadius);
|
|
429
339
|
}
|
|
430
|
-
.semanticForms select[multiple] option:last-of-type {
|
|
340
|
+
.semanticForms select:where([multiple]) option:last-of-type {
|
|
431
341
|
border-bottom-left-radius: var(--semanticFormsBorderRadius);
|
|
432
342
|
}
|
|
433
343
|
.semanticForms textarea {
|
|
434
|
-
padding: 6px
|
|
344
|
+
padding: 6px 20px;
|
|
435
345
|
resize: vertical;
|
|
436
346
|
line-height: 1.5;
|
|
437
347
|
width: 100%;
|
|
438
348
|
min-height: 38px;
|
|
439
349
|
}
|
|
440
|
-
.semanticForms textarea[data-auto-grow] {
|
|
350
|
+
.semanticForms textarea:where([data-auto-grow]) {
|
|
441
351
|
field-sizing: content;
|
|
442
352
|
}
|
|
353
|
+
.semanticForms :where(dl:not(:where(.customLayout, .customLayout *)) dd) textarea {
|
|
354
|
+
padding-right: 30px;
|
|
355
|
+
}
|
|
443
356
|
.semanticForms button.clear, .semanticForms button.show {
|
|
444
357
|
cursor: pointer;
|
|
445
358
|
appearance: none;
|
|
@@ -477,10 +390,8 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
477
390
|
.semanticForms textarea:read-only ~ .clear {
|
|
478
391
|
display: none;
|
|
479
392
|
}
|
|
480
|
-
.semanticForms input[type=submit],
|
|
481
|
-
.semanticForms
|
|
482
|
-
.semanticForms input[type=button],
|
|
483
|
-
.semanticForms button:not(.clear, .show),
|
|
393
|
+
.semanticForms input:where([type=submit], [type=reset], [type=button]),
|
|
394
|
+
.semanticForms button:where(:not(.clear, .show)),
|
|
484
395
|
.semanticForms .button-link {
|
|
485
396
|
appearance: none;
|
|
486
397
|
-moz-appearance: none;
|
|
@@ -501,26 +412,18 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
501
412
|
text-decoration: none;
|
|
502
413
|
color: var(--semanticFormsTextColor);
|
|
503
414
|
}
|
|
504
|
-
.semanticForms input[type=submit]:active,
|
|
505
|
-
.semanticForms
|
|
506
|
-
.semanticForms input[type=button]:active,
|
|
507
|
-
.semanticForms button:not(.clear, .show):active,
|
|
415
|
+
.semanticForms input:where([type=submit], [type=reset], [type=button]):active,
|
|
416
|
+
.semanticForms button:where(:not(.clear, .show)):active,
|
|
508
417
|
.semanticForms .button-link:active {
|
|
509
418
|
transform: scale(0.97);
|
|
510
419
|
}
|
|
511
|
-
.semanticForms input[type=submit],
|
|
512
|
-
.semanticForms
|
|
513
|
-
.semanticForms input[type=button],
|
|
514
|
-
.semanticForms input[type=image],
|
|
515
|
-
.semanticForms button:not(.clear):not(.show),
|
|
420
|
+
.semanticForms input:where([type=submit], [type=reset], [type=button], [type=image]),
|
|
421
|
+
.semanticForms button:where(:not(.clear, .show)),
|
|
516
422
|
.semanticForms .button-link {
|
|
517
423
|
transition: filter 0.1s;
|
|
518
424
|
}
|
|
519
|
-
.semanticForms input[type=submit]:hover,
|
|
520
|
-
.semanticForms
|
|
521
|
-
.semanticForms input[type=button]:hover,
|
|
522
|
-
.semanticForms input[type=image]:hover,
|
|
523
|
-
.semanticForms button:not(.clear):not(.show):hover,
|
|
425
|
+
.semanticForms input:where([type=submit], [type=reset], [type=button], [type=image]):hover,
|
|
426
|
+
.semanticForms button:where(:not(.clear, .show)):hover,
|
|
524
427
|
.semanticForms .button-link:hover {
|
|
525
428
|
filter: brightness(1.05);
|
|
526
429
|
}
|
|
@@ -534,13 +437,18 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
534
437
|
display: none;
|
|
535
438
|
color: var(--semanticFormsInvalid);
|
|
536
439
|
}
|
|
537
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image]).invalid, .semanticForms input:not([type=submit], [type=reset], [type=button], [type=image]):user-invalid,
|
|
440
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image])).invalid, .semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image])):user-invalid,
|
|
538
441
|
.semanticForms select.invalid,
|
|
539
442
|
.semanticForms select:user-invalid,
|
|
540
443
|
.semanticForms textarea.invalid,
|
|
541
444
|
.semanticForms textarea:user-invalid {
|
|
542
445
|
border: var(--semanticFormsInvalidBorder);
|
|
543
446
|
}
|
|
447
|
+
.semanticForms input:where(:not([type=submit], [type=reset], [type=button], [type=image])).warn,
|
|
448
|
+
.semanticForms select.warn,
|
|
449
|
+
.semanticForms textarea.warn {
|
|
450
|
+
border: var(--semanticFormsWarnBorder);
|
|
451
|
+
}
|
|
544
452
|
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image]).invalid ~ label:nth-of-type(2), .semanticForms input:not([type=submit], [type=reset], [type=button], [type=image]):user-invalid ~ label:nth-of-type(2),
|
|
545
453
|
.semanticForms select.invalid ~ label:nth-of-type(2),
|
|
546
454
|
.semanticForms select:user-invalid ~ label:nth-of-type(2),
|
|
@@ -556,11 +464,6 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
556
464
|
font-size: small;
|
|
557
465
|
display: flex;
|
|
558
466
|
}
|
|
559
|
-
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image]).warn,
|
|
560
|
-
.semanticForms select.warn,
|
|
561
|
-
.semanticForms textarea.warn {
|
|
562
|
-
border: var(--semanticFormsWarnBorder);
|
|
563
|
-
}
|
|
564
467
|
.semanticForms input:not([type=submit], [type=reset], [type=button], [type=image]).warn ~ label:nth-of-type(2),
|
|
565
468
|
.semanticForms select.warn ~ label:nth-of-type(2),
|
|
566
469
|
.semanticForms textarea.warn ~ label:nth-of-type(2) {
|
|
@@ -572,6 +475,47 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
572
475
|
font-size: small;
|
|
573
476
|
display: flex;
|
|
574
477
|
}
|
|
478
|
+
.semanticForms input:where([type=checkbox][switch]) {
|
|
479
|
+
appearance: none;
|
|
480
|
+
box-sizing: border-box;
|
|
481
|
+
width: 34px;
|
|
482
|
+
height: 18px;
|
|
483
|
+
border-radius: 999px;
|
|
484
|
+
background-color: var(--semanticFormsSwitchOffColor);
|
|
485
|
+
border: 1px solid var(--semanticFormsSwitchOffColor);
|
|
486
|
+
background-image: radial-gradient(circle 7px at center, var(--semanticFormsSwitchThumbColor) 6px, transparent 7px);
|
|
487
|
+
background-size: 16px 16px;
|
|
488
|
+
background-position: 0 center;
|
|
489
|
+
background-repeat: no-repeat;
|
|
490
|
+
transition: background-color 200ms ease-in-out, background-position 200ms ease-in-out, border-color 200ms ease-in-out;
|
|
491
|
+
touch-action: none;
|
|
492
|
+
}
|
|
493
|
+
.semanticForms input:where([type=checkbox][switch]):checked {
|
|
494
|
+
background-color: var(--semanticFormsSwitchOnColor);
|
|
495
|
+
border-color: var(--semanticFormsSwitchOnColor);
|
|
496
|
+
background-position: 16px center;
|
|
497
|
+
}
|
|
498
|
+
.semanticForms input:where([type=checkbox][switch]):focus-visible {
|
|
499
|
+
outline: none;
|
|
500
|
+
box-shadow: 0 0 0 2px var(--semanticFormsFocusColor);
|
|
501
|
+
}
|
|
502
|
+
.semanticForms input:where([type=checkbox][switch]):disabled {
|
|
503
|
+
cursor: default;
|
|
504
|
+
opacity: 0.5;
|
|
505
|
+
}
|
|
506
|
+
@media (forced-colors: active) {
|
|
507
|
+
.semanticForms input:where([type=checkbox][switch]) {
|
|
508
|
+
forced-color-adjust: none;
|
|
509
|
+
background-color: Canvas;
|
|
510
|
+
border-color: ButtonText;
|
|
511
|
+
background-image: radial-gradient(circle 7px at center, ButtonText 6px, transparent 7px);
|
|
512
|
+
}
|
|
513
|
+
}
|
|
514
|
+
@media (prefers-reduced-motion: reduce) {
|
|
515
|
+
.semanticForms input:where([type=checkbox][switch]) {
|
|
516
|
+
transition: none;
|
|
517
|
+
}
|
|
518
|
+
}
|
|
575
519
|
.semanticForms input:-webkit-autofill,
|
|
576
520
|
.semanticForms input:-webkit-autofill:hover,
|
|
577
521
|
.semanticForms input:-webkit-autofill:focus,
|
|
@@ -632,10 +576,10 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
632
576
|
.semanticForms input[type=radio] + label:first-of-type span.help svg {
|
|
633
577
|
width: 80%;
|
|
634
578
|
}
|
|
635
|
-
.semanticForms .floatLabelForm div dt {
|
|
579
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dt {
|
|
636
580
|
position: relative;
|
|
637
581
|
}
|
|
638
|
-
.semanticForms .floatLabelForm div dt label {
|
|
582
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dt label {
|
|
639
583
|
display: flex;
|
|
640
584
|
align-items: center;
|
|
641
585
|
gap: 5px;
|
|
@@ -654,49 +598,49 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
654
598
|
min-width: 0;
|
|
655
599
|
width: 100%;
|
|
656
600
|
}
|
|
657
|
-
.semanticForms .floatLabelForm div dt label span.help {
|
|
601
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dt label span.help {
|
|
658
602
|
display: grid;
|
|
659
603
|
place-items: center;
|
|
660
604
|
cursor: help;
|
|
661
605
|
pointer-events: auto;
|
|
662
606
|
}
|
|
663
|
-
.semanticForms .floatLabelForm div:has(dd input:required) dt label {
|
|
607
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div:has(dd input:required) dt label {
|
|
664
608
|
width: 100%;
|
|
665
609
|
padding-right: 10px;
|
|
666
610
|
}
|
|
667
|
-
.semanticForms .floatLabelForm div:has(dd input:required) dt label > span {
|
|
611
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div:has(dd input:required) dt label > span {
|
|
668
612
|
margin-left: 5px;
|
|
669
613
|
cursor: help;
|
|
670
614
|
pointer-events: auto;
|
|
671
615
|
color: red;
|
|
672
616
|
}
|
|
673
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=button], [type=image]):focus:not([type=checkbox], [type=radio], .no-float-label) ~ label:first-of-type, .semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=button], [type=image]):not(:placeholder-shown):not(.no-float-label):not([type=checkbox]):not([type=radio]) ~ label:first-of-type,
|
|
674
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:focus:not([type=checkbox], [type=radio], .no-float-label) ~ label:first-of-type,
|
|
675
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:not(:placeholder-shown):not(.no-float-label):not([type=checkbox]):not([type=radio]) ~ label:first-of-type,
|
|
676
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:not([type=checkbox], [type=radio], .no-float-label) ~ label:first-of-type,
|
|
677
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:not(:placeholder-shown):not(.no-float-label):not([type=checkbox]):not([type=radio]) ~ label:first-of-type {
|
|
617
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=button], [type=image]):focus:not([type=checkbox], [type=radio], .no-float-label) ~ label:first-of-type, .semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=button], [type=image]):not(:placeholder-shown):not(.no-float-label):not([type=checkbox]):not([type=radio]) ~ label:first-of-type,
|
|
618
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:focus:not([type=checkbox], [type=radio], .no-float-label) ~ label:first-of-type,
|
|
619
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:not(:placeholder-shown):not(.no-float-label):not([type=checkbox]):not([type=radio]) ~ label:first-of-type,
|
|
620
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:not([type=checkbox], [type=radio], .no-float-label) ~ label:first-of-type,
|
|
621
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:not(:placeholder-shown):not(.no-float-label):not([type=checkbox]):not([type=radio]) ~ label:first-of-type {
|
|
678
622
|
color: var(--semanticFormsTextColor);
|
|
679
623
|
transform: translateY(-120%) scale(0.7);
|
|
680
624
|
width: 100%;
|
|
681
625
|
}
|
|
682
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:placeholder-shown:not(.no-float-label) ~ label:first-of-type {
|
|
626
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:placeholder-shown:not(.no-float-label) ~ label:first-of-type {
|
|
683
627
|
width: calc(100% - 20px);
|
|
684
628
|
}
|
|
685
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=button], [type=image]):focus.no-float-label ~ label:first-of-type, .semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=button], [type=image]):not(:placeholder-shown).no-float-label:not([type=checkbox]):not([type=radio]) ~ label:first-of-type,
|
|
686
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:focus.no-float-label ~ label:first-of-type,
|
|
687
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:not(:placeholder-shown).no-float-label:not([type=checkbox]):not([type=radio]) ~ label:first-of-type,
|
|
688
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus.no-float-label ~ label:first-of-type,
|
|
689
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:not(:placeholder-shown).no-float-label:not([type=checkbox]):not([type=radio]) ~ label:first-of-type {
|
|
629
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=button], [type=image]):focus.no-float-label ~ label:first-of-type, .semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=button], [type=image]):not(:placeholder-shown).no-float-label:not([type=checkbox]):not([type=radio]) ~ label:first-of-type,
|
|
630
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:focus.no-float-label ~ label:first-of-type,
|
|
631
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select:not(:placeholder-shown).no-float-label:not([type=checkbox]):not([type=radio]) ~ label:first-of-type,
|
|
632
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus.no-float-label ~ label:first-of-type,
|
|
633
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:not(:placeholder-shown).no-float-label:not([type=checkbox]):not([type=radio]) ~ label:first-of-type {
|
|
690
634
|
display: none;
|
|
691
635
|
}
|
|
692
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select ~ label:first-of-type {
|
|
636
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select ~ label:first-of-type {
|
|
693
637
|
color: var(--semanticFormsTextColor);
|
|
694
638
|
}
|
|
695
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) button:not(.clear, .show),
|
|
696
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input[type=submit]:not(.clear, .show) {
|
|
639
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) button:not(.clear, .show),
|
|
640
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input[type=submit]:not(.clear, .show) {
|
|
697
641
|
margin-top: var(--semanticFormsInputTopMargin);
|
|
698
642
|
}
|
|
699
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type {
|
|
643
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type {
|
|
700
644
|
position: absolute;
|
|
701
645
|
top: calc(var(--semanticFormsInputTopMargin) + (var(--semanticFormsInputHeight) - var(--semanticFormsInputFontSize) * 1.5) / 2 - var(--semanticFormsTextInkOffset, 0px));
|
|
702
646
|
left: 20px;
|
|
@@ -719,84 +663,84 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
719
663
|
color: var(--semanticFormsPlaceholderColor);
|
|
720
664
|
touch-action: manipulation;
|
|
721
665
|
}
|
|
722
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.required {
|
|
666
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.required {
|
|
723
667
|
cursor: help;
|
|
724
668
|
pointer-events: auto;
|
|
725
669
|
color: red;
|
|
726
670
|
}
|
|
727
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.help {
|
|
671
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.help {
|
|
728
672
|
display: grid;
|
|
729
673
|
place-items: center;
|
|
730
674
|
cursor: help;
|
|
731
675
|
pointer-events: auto;
|
|
732
676
|
}
|
|
733
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.help svg {
|
|
677
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:first-of-type span.help svg {
|
|
734
678
|
width: 80%;
|
|
735
679
|
}
|
|
736
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key) label:first-of-type {
|
|
680
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key) label:first-of-type {
|
|
737
681
|
width: calc(100% - 95px);
|
|
738
682
|
}
|
|
739
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key) span.focus-key {
|
|
683
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key) span.focus-key {
|
|
740
684
|
display: flex;
|
|
741
685
|
}
|
|
742
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key) span.focus-key kbd {
|
|
686
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key) span.focus-key kbd {
|
|
743
687
|
font-family: sans-serif;
|
|
744
688
|
}
|
|
745
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key):has(input:focus, select:focus, textarea:focus) span.focus-key, .semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key):not(:has(input:placeholder-shown, textarea:placeholder-shown)) span.focus-key {
|
|
689
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key):has(input:focus, select:focus, textarea:focus) span.focus-key, .semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(span.focus-key):not(:has(input:placeholder-shown, textarea:placeholder-shown)) span.focus-key {
|
|
746
690
|
display: none;
|
|
747
691
|
}
|
|
748
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:nth-of-type(2) {
|
|
692
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) label:nth-of-type(2) {
|
|
749
693
|
margin-top: -5px;
|
|
750
694
|
padding: 0 10px;
|
|
751
695
|
font-size: small;
|
|
752
696
|
color: var(--semanticFormsTextColor);
|
|
753
697
|
}
|
|
754
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
|
|
755
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea,
|
|
756
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select {
|
|
698
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
|
|
699
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea,
|
|
700
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) select {
|
|
757
701
|
margin-top: var(--semanticFormsInputTopMargin);
|
|
758
702
|
}
|
|
759
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
|
|
760
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea {
|
|
703
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input,
|
|
704
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea {
|
|
761
705
|
transition: opacity 250ms;
|
|
762
706
|
}
|
|
763
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::placeholder,
|
|
764
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::placeholder {
|
|
707
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::placeholder,
|
|
708
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::placeholder {
|
|
765
709
|
opacity: 0;
|
|
766
710
|
transition: opacity 250ms;
|
|
767
711
|
}
|
|
768
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-moz-placeholder,
|
|
769
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-moz-placeholder {
|
|
712
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-moz-placeholder,
|
|
713
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-moz-placeholder {
|
|
770
714
|
opacity: 0;
|
|
771
715
|
transition: opacity 250ms;
|
|
772
716
|
}
|
|
773
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-webkit-input-placeholder,
|
|
774
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-webkit-input-placeholder {
|
|
717
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input::-webkit-input-placeholder,
|
|
718
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea::-webkit-input-placeholder {
|
|
775
719
|
opacity: 0;
|
|
776
720
|
transition: opacity 250ms;
|
|
777
721
|
}
|
|
778
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:-ms-input-placeholder,
|
|
779
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:-ms-input-placeholder {
|
|
722
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:-ms-input-placeholder,
|
|
723
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:-ms-input-placeholder {
|
|
780
724
|
opacity: 0;
|
|
781
725
|
transition: opacity 250ms;
|
|
782
726
|
}
|
|
783
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::placeholder,
|
|
784
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::placeholder {
|
|
727
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::placeholder,
|
|
728
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::placeholder {
|
|
785
729
|
opacity: 1;
|
|
786
730
|
}
|
|
787
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-moz-placeholder,
|
|
788
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-moz-placeholder {
|
|
731
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-moz-placeholder,
|
|
732
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-moz-placeholder {
|
|
789
733
|
opacity: 1;
|
|
790
734
|
}
|
|
791
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-webkit-input-placeholder,
|
|
792
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-webkit-input-placeholder {
|
|
735
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus::-webkit-input-placeholder,
|
|
736
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus::-webkit-input-placeholder {
|
|
793
737
|
opacity: 1;
|
|
794
738
|
}
|
|
795
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus:-ms-input-placeholder,
|
|
796
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:-ms-input-placeholder {
|
|
739
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) input:focus:-ms-input-placeholder,
|
|
740
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) textarea:focus:-ms-input-placeholder {
|
|
797
741
|
opacity: 1;
|
|
798
742
|
}
|
|
799
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) span.focus-key {
|
|
743
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) span.focus-key {
|
|
800
744
|
color: var(--semanticFormsPlaceholderColor);
|
|
801
745
|
position: absolute;
|
|
802
746
|
top: calc(var(--semanticFormsInputTopMargin) - var(--semanticFormsTextInkOffset, 0px));
|
|
@@ -806,184 +750,184 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
|
|
|
806
750
|
pointer-events: none;
|
|
807
751
|
right: 20px;
|
|
808
752
|
}
|
|
809
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) span.focus-key kbd {
|
|
753
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios) span.focus-key kbd {
|
|
810
754
|
line-height: 1;
|
|
811
755
|
}
|
|
812
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(input[type=number]) .focus-key {
|
|
756
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(input[type=number]) .focus-key {
|
|
813
757
|
right: 60px;
|
|
814
758
|
}
|
|
815
|
-
.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(input[type=search]) label:first-of-type {
|
|
759
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div dd:not(.singleCheckbox, .singleRadio, .checkboxes, .radios):has(input[type=search]) label:first-of-type {
|
|
816
760
|
left: 32px;
|
|
817
761
|
}
|
|
818
|
-
.semanticForms .floatLabelForm div:has([data-max-content]) {
|
|
762
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div:has([data-max-content]) {
|
|
819
763
|
max-width: max-content;
|
|
820
764
|
min-width: 150px;
|
|
821
765
|
}
|
|
822
|
-
.semanticForms .floatLabelForm div:has([data-max-content]) dd {
|
|
766
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div:has([data-max-content]) dd {
|
|
823
767
|
width: max-content;
|
|
824
768
|
}
|
|
825
|
-
.semanticForms .floatLabelForm div:has([data-max-content]) dd input, .semanticForms .floatLabelForm div:has([data-max-content]) dd select {
|
|
769
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div:has([data-max-content]) dd input, .semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) div:has([data-max-content]) dd select {
|
|
826
770
|
field-sizing: content;
|
|
827
771
|
min-width: 150px;
|
|
828
772
|
max-width: max-content;
|
|
829
773
|
}
|
|
830
|
-
.semanticForms .floatLabelForm input::placeholder, .semanticForms .floatLabelForm textarea::placeholder {
|
|
774
|
+
.semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) input::placeholder, .semanticForms .floatLabelForm:not(:where(.customLayout, .customLayout *)) textarea::placeholder {
|
|
831
775
|
color: var(--semanticFormsPlaceholderColor);
|
|
832
776
|
opacity: 1;
|
|
833
777
|
}
|
|
834
778
|
|
|
835
|
-
.semanticForms div[class*=colspan-] {
|
|
779
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *))[class*=colspan-] {
|
|
836
780
|
max-width: 100% !important;
|
|
837
781
|
}
|
|
838
|
-
.semanticForms div.colspan-full {
|
|
782
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).colspan-full {
|
|
839
783
|
grid-column: 1/-1;
|
|
840
784
|
}
|
|
841
|
-
.semanticForms div.colspan-5 {
|
|
785
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).colspan-5 {
|
|
842
786
|
grid-column-end: span 5;
|
|
843
787
|
}
|
|
844
|
-
.semanticForms div.colspan-4 {
|
|
788
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).colspan-4 {
|
|
845
789
|
grid-column-end: span 4;
|
|
846
790
|
}
|
|
847
|
-
.semanticForms div.colspan-3 {
|
|
791
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).colspan-3 {
|
|
848
792
|
grid-column-end: span 3;
|
|
849
793
|
}
|
|
850
|
-
.semanticForms div.colspan-2 {
|
|
794
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).colspan-2 {
|
|
851
795
|
grid-column-end: span 2;
|
|
852
796
|
}
|
|
853
|
-
.semanticForms div.colspan-1 {
|
|
797
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).colspan-1 {
|
|
854
798
|
grid-column-end: span 1;
|
|
855
799
|
}
|
|
856
|
-
.semanticForms div.col-5 {
|
|
800
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).col-5 {
|
|
857
801
|
grid-column-start: 5;
|
|
858
802
|
}
|
|
859
|
-
.semanticForms div.col-4 {
|
|
803
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).col-4 {
|
|
860
804
|
grid-column-start: 4;
|
|
861
805
|
}
|
|
862
|
-
.semanticForms div.col-3 {
|
|
806
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).col-3 {
|
|
863
807
|
grid-column-start: 3;
|
|
864
808
|
}
|
|
865
|
-
.semanticForms div.col-2 {
|
|
809
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).col-2 {
|
|
866
810
|
grid-column-start: 2;
|
|
867
811
|
}
|
|
868
|
-
.semanticForms div.col-1 {
|
|
812
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)).col-1 {
|
|
869
813
|
grid-column-start: 1;
|
|
870
814
|
}
|
|
871
|
-
.semanticForms fieldset[class*=colspan-] dl div,
|
|
872
|
-
.semanticForms dl[class*=colspan-] div {
|
|
815
|
+
.semanticForms fieldset[class*=colspan-] dl:not(:where(.customLayout, .customLayout *)) div,
|
|
816
|
+
.semanticForms dl[class*=colspan-]:not(:where(.customLayout, .customLayout *)) div {
|
|
873
817
|
max-width: 100% !important;
|
|
874
818
|
}
|
|
875
|
-
.semanticForms fieldset.colspan-full dl,
|
|
876
|
-
.semanticForms dl.colspan-full {
|
|
819
|
+
.semanticForms fieldset.colspan-full dl:not(:where(.customLayout, .customLayout *)),
|
|
820
|
+
.semanticForms dl.colspan-full:not(:where(.customLayout, .customLayout *)) {
|
|
877
821
|
grid-template-columns: repeat(auto-fit, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
878
822
|
}
|
|
879
|
-
.semanticForms fieldset.colspan-5 dl,
|
|
880
|
-
.semanticForms dl.colspan-5 {
|
|
823
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)),
|
|
824
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) {
|
|
881
825
|
grid-template-columns: repeat(5, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
882
826
|
}
|
|
883
|
-
.semanticForms fieldset.colspan-4 dl,
|
|
884
|
-
.semanticForms dl.colspan-4 {
|
|
827
|
+
.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)),
|
|
828
|
+
.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) {
|
|
885
829
|
grid-template-columns: repeat(4, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
886
830
|
}
|
|
887
|
-
.semanticForms fieldset.colspan-3 dl,
|
|
888
|
-
.semanticForms dl.colspan-3 {
|
|
831
|
+
.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)),
|
|
832
|
+
.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) {
|
|
889
833
|
grid-template-columns: repeat(3, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
890
834
|
}
|
|
891
|
-
.semanticForms fieldset.colspan-2 dl,
|
|
892
|
-
.semanticForms dl.colspan-2 {
|
|
835
|
+
.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)),
|
|
836
|
+
.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) {
|
|
893
837
|
grid-template-columns: repeat(2, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
894
838
|
}
|
|
895
|
-
.semanticForms fieldset.colspan-1 dl,
|
|
896
|
-
.semanticForms dl.colspan-1 {
|
|
839
|
+
.semanticForms fieldset.colspan-1 dl:not(:where(.customLayout, .customLayout *)),
|
|
840
|
+
.semanticForms dl.colspan-1:not(:where(.customLayout, .customLayout *)) {
|
|
897
841
|
grid-template-columns: repeat(1, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
898
842
|
}
|
|
899
|
-
.semanticForms fieldset.colspan-1 dl dt:nth-of-type(n + 1),
|
|
900
|
-
.semanticForms fieldset.colspan-1 dl dd:nth-of-type(n + 1),
|
|
901
|
-
.semanticForms dl.colspan-1 dt:nth-of-type(n + 1),
|
|
902
|
-
.semanticForms dl.colspan-1 dd:nth-of-type(n + 1) {
|
|
843
|
+
.semanticForms fieldset.colspan-1 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(n + 1),
|
|
844
|
+
.semanticForms fieldset.colspan-1 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(n + 1),
|
|
845
|
+
.semanticForms dl.colspan-1:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(n + 1),
|
|
846
|
+
.semanticForms dl.colspan-1:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(n + 1) {
|
|
903
847
|
grid-column: 1;
|
|
904
848
|
}
|
|
905
|
-
.semanticForms fieldset.colspan-2 dl dt:nth-of-type(2n + 1),
|
|
906
|
-
.semanticForms fieldset.colspan-2 dl dd:nth-of-type(2n + 1),
|
|
907
|
-
.semanticForms dl.colspan-2 dt:nth-of-type(2n + 1),
|
|
908
|
-
.semanticForms dl.colspan-2 dd:nth-of-type(2n + 1) {
|
|
849
|
+
.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(2n + 1),
|
|
850
|
+
.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(2n + 1),
|
|
851
|
+
.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(2n + 1),
|
|
852
|
+
.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(2n + 1) {
|
|
909
853
|
grid-column: 1;
|
|
910
854
|
}
|
|
911
|
-
.semanticForms fieldset.colspan-2 dl dt:nth-of-type(2n + 2),
|
|
912
|
-
.semanticForms fieldset.colspan-2 dl dd:nth-of-type(2n + 2),
|
|
913
|
-
.semanticForms dl.colspan-2 dt:nth-of-type(2n + 2),
|
|
914
|
-
.semanticForms dl.colspan-2 dd:nth-of-type(2n + 2) {
|
|
855
|
+
.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(2n + 2),
|
|
856
|
+
.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(2n + 2),
|
|
857
|
+
.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(2n + 2),
|
|
858
|
+
.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(2n + 2) {
|
|
915
859
|
grid-column: 2;
|
|
916
860
|
}
|
|
917
|
-
.semanticForms fieldset.colspan-3 dl dt:nth-of-type(3n + 1),
|
|
918
|
-
.semanticForms fieldset.colspan-3 dl dd:nth-of-type(3n + 1),
|
|
919
|
-
.semanticForms dl.colspan-3 dt:nth-of-type(3n + 1),
|
|
920
|
-
.semanticForms dl.colspan-3 dd:nth-of-type(3n + 1) {
|
|
861
|
+
.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(3n + 1),
|
|
862
|
+
.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(3n + 1),
|
|
863
|
+
.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(3n + 1),
|
|
864
|
+
.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(3n + 1) {
|
|
921
865
|
grid-column: 1;
|
|
922
866
|
}
|
|
923
|
-
.semanticForms fieldset.colspan-3 dl dt:nth-of-type(3n + 2),
|
|
924
|
-
.semanticForms fieldset.colspan-3 dl dd:nth-of-type(3n + 2),
|
|
925
|
-
.semanticForms dl.colspan-3 dt:nth-of-type(3n + 2),
|
|
926
|
-
.semanticForms dl.colspan-3 dd:nth-of-type(3n + 2) {
|
|
867
|
+
.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(3n + 2),
|
|
868
|
+
.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(3n + 2),
|
|
869
|
+
.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(3n + 2),
|
|
870
|
+
.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(3n + 2) {
|
|
927
871
|
grid-column: 2;
|
|
928
872
|
}
|
|
929
|
-
.semanticForms fieldset.colspan-3 dl dt:nth-of-type(3n + 3),
|
|
930
|
-
.semanticForms fieldset.colspan-3 dl dd:nth-of-type(3n + 3),
|
|
931
|
-
.semanticForms dl.colspan-3 dt:nth-of-type(3n + 3),
|
|
932
|
-
.semanticForms dl.colspan-3 dd:nth-of-type(3n + 3) {
|
|
873
|
+
.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(3n + 3),
|
|
874
|
+
.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(3n + 3),
|
|
875
|
+
.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(3n + 3),
|
|
876
|
+
.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(3n + 3) {
|
|
933
877
|
grid-column: 3;
|
|
934
878
|
}
|
|
935
|
-
.semanticForms fieldset.colspan-4 dl dt:nth-of-type(4n + 1),
|
|
936
|
-
.semanticForms fieldset.colspan-4 dl dd:nth-of-type(4n + 1),
|
|
937
|
-
.semanticForms dl.colspan-4 dt:nth-of-type(4n + 1),
|
|
938
|
-
.semanticForms dl.colspan-4 dd:nth-of-type(4n + 1) {
|
|
879
|
+
.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(4n + 1),
|
|
880
|
+
.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(4n + 1),
|
|
881
|
+
.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(4n + 1),
|
|
882
|
+
.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(4n + 1) {
|
|
939
883
|
grid-column: 1;
|
|
940
884
|
}
|
|
941
|
-
.semanticForms fieldset.colspan-4 dl dt:nth-of-type(4n + 2),
|
|
942
|
-
.semanticForms fieldset.colspan-4 dl dd:nth-of-type(4n + 2),
|
|
943
|
-
.semanticForms dl.colspan-4 dt:nth-of-type(4n + 2),
|
|
944
|
-
.semanticForms dl.colspan-4 dd:nth-of-type(4n + 2) {
|
|
885
|
+
.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(4n + 2),
|
|
886
|
+
.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(4n + 2),
|
|
887
|
+
.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(4n + 2),
|
|
888
|
+
.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(4n + 2) {
|
|
945
889
|
grid-column: 2;
|
|
946
890
|
}
|
|
947
|
-
.semanticForms fieldset.colspan-4 dl dt:nth-of-type(4n + 3),
|
|
948
|
-
.semanticForms fieldset.colspan-4 dl dd:nth-of-type(4n + 3),
|
|
949
|
-
.semanticForms dl.colspan-4 dt:nth-of-type(4n + 3),
|
|
950
|
-
.semanticForms dl.colspan-4 dd:nth-of-type(4n + 3) {
|
|
891
|
+
.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(4n + 3),
|
|
892
|
+
.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(4n + 3),
|
|
893
|
+
.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(4n + 3),
|
|
894
|
+
.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(4n + 3) {
|
|
951
895
|
grid-column: 3;
|
|
952
896
|
}
|
|
953
|
-
.semanticForms fieldset.colspan-4 dl dt:nth-of-type(4n + 4),
|
|
954
|
-
.semanticForms fieldset.colspan-4 dl dd:nth-of-type(4n + 4),
|
|
955
|
-
.semanticForms dl.colspan-4 dt:nth-of-type(4n + 4),
|
|
956
|
-
.semanticForms dl.colspan-4 dd:nth-of-type(4n + 4) {
|
|
897
|
+
.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(4n + 4),
|
|
898
|
+
.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(4n + 4),
|
|
899
|
+
.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(4n + 4),
|
|
900
|
+
.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(4n + 4) {
|
|
957
901
|
grid-column: 4;
|
|
958
902
|
}
|
|
959
|
-
.semanticForms fieldset.colspan-5 dl dt:nth-of-type(5n + 1),
|
|
960
|
-
.semanticForms fieldset.colspan-5 dl dd:nth-of-type(5n + 1),
|
|
961
|
-
.semanticForms dl.colspan-5 dt:nth-of-type(5n + 1),
|
|
962
|
-
.semanticForms dl.colspan-5 dd:nth-of-type(5n + 1) {
|
|
903
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 1),
|
|
904
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 1),
|
|
905
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 1),
|
|
906
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 1) {
|
|
963
907
|
grid-column: 1;
|
|
964
908
|
}
|
|
965
|
-
.semanticForms fieldset.colspan-5 dl dt:nth-of-type(5n + 2),
|
|
966
|
-
.semanticForms fieldset.colspan-5 dl dd:nth-of-type(5n + 2),
|
|
967
|
-
.semanticForms dl.colspan-5 dt:nth-of-type(5n + 2),
|
|
968
|
-
.semanticForms dl.colspan-5 dd:nth-of-type(5n + 2) {
|
|
909
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 2),
|
|
910
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 2),
|
|
911
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 2),
|
|
912
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 2) {
|
|
969
913
|
grid-column: 2;
|
|
970
914
|
}
|
|
971
|
-
.semanticForms fieldset.colspan-5 dl dt:nth-of-type(5n + 3),
|
|
972
|
-
.semanticForms fieldset.colspan-5 dl dd:nth-of-type(5n + 3),
|
|
973
|
-
.semanticForms dl.colspan-5 dt:nth-of-type(5n + 3),
|
|
974
|
-
.semanticForms dl.colspan-5 dd:nth-of-type(5n + 3) {
|
|
915
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 3),
|
|
916
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 3),
|
|
917
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 3),
|
|
918
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 3) {
|
|
975
919
|
grid-column: 3;
|
|
976
920
|
}
|
|
977
|
-
.semanticForms fieldset.colspan-5 dl dt:nth-of-type(5n + 4),
|
|
978
|
-
.semanticForms fieldset.colspan-5 dl dd:nth-of-type(5n + 4),
|
|
979
|
-
.semanticForms dl.colspan-5 dt:nth-of-type(5n + 4),
|
|
980
|
-
.semanticForms dl.colspan-5 dd:nth-of-type(5n + 4) {
|
|
921
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 4),
|
|
922
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 4),
|
|
923
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 4),
|
|
924
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 4) {
|
|
981
925
|
grid-column: 4;
|
|
982
926
|
}
|
|
983
|
-
.semanticForms fieldset.colspan-5 dl dt:nth-of-type(5n + 5),
|
|
984
|
-
.semanticForms fieldset.colspan-5 dl dd:nth-of-type(5n + 5),
|
|
985
|
-
.semanticForms dl.colspan-5 dt:nth-of-type(5n + 5),
|
|
986
|
-
.semanticForms dl.colspan-5 dd:nth-of-type(5n + 5) {
|
|
927
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 5),
|
|
928
|
+
.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 5),
|
|
929
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dt:nth-of-type(5n + 5),
|
|
930
|
+
.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) dd:nth-of-type(5n + 5) {
|
|
987
931
|
grid-column: 5;
|
|
988
932
|
}
|
|
989
933
|
|
|
@@ -992,359 +936,359 @@ form.semanticForms fieldset {
|
|
|
992
936
|
container: semanticForm/inline-size;
|
|
993
937
|
}
|
|
994
938
|
@container semanticForm (width >= 1810px) {
|
|
995
|
-
form.semanticForms fieldset dl, form.semanticForms dl,
|
|
996
|
-
form.semanticForms fieldset fieldset dl,
|
|
997
|
-
form.semanticForms fieldset dl {
|
|
939
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl:not(:where(.customLayout, .customLayout *)),
|
|
940
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
941
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) {
|
|
998
942
|
grid-template-columns: repeat(7, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
999
943
|
}
|
|
1000
944
|
}
|
|
1001
945
|
@container semanticForm (width >= 1550px) and (width < 1810px) {
|
|
1002
|
-
form.semanticForms fieldset dl, form.semanticForms dl,
|
|
1003
|
-
form.semanticForms fieldset fieldset dl,
|
|
1004
|
-
form.semanticForms fieldset dl {
|
|
946
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl:not(:where(.customLayout, .customLayout *)),
|
|
947
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
948
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) {
|
|
1005
949
|
grid-template-columns: repeat(6, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
1006
950
|
}
|
|
1007
951
|
}
|
|
1008
952
|
@container semanticForm (width >= 1290px) and (width < 1550px) {
|
|
1009
|
-
form.semanticForms fieldset dl, form.semanticForms dl,
|
|
1010
|
-
form.semanticForms fieldset fieldset dl,
|
|
1011
|
-
form.semanticForms fieldset dl {
|
|
953
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl:not(:where(.customLayout, .customLayout *)),
|
|
954
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
955
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) {
|
|
1012
956
|
grid-template-columns: repeat(5, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
1013
957
|
}
|
|
1014
958
|
}
|
|
1015
959
|
@container semanticForm (width >= 1030px) and (width < 1290px) {
|
|
1016
|
-
form.semanticForms fieldset dl, form.semanticForms fieldset.colspan-5 dl, form.semanticForms dl, form.semanticForms dl.colspan-5,
|
|
1017
|
-
form.semanticForms fieldset fieldset dl,
|
|
1018
|
-
form.semanticForms fieldset fieldset.colspan-5 dl,
|
|
1019
|
-
form.semanticForms fieldset dl,
|
|
1020
|
-
form.semanticForms fieldset dl.colspan-5 {
|
|
960
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)),
|
|
961
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
962
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)),
|
|
963
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
964
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) {
|
|
1021
965
|
grid-template-columns: repeat(4, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
1022
966
|
}
|
|
1023
|
-
form.semanticForms fieldset dl div.colspan-5, form.semanticForms fieldset.colspan-5 dl div.colspan-5, form.semanticForms dl div.colspan-5, form.semanticForms dl.colspan-5 div.colspan-5,
|
|
1024
|
-
form.semanticForms fieldset fieldset dl div.colspan-5,
|
|
1025
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-5,
|
|
1026
|
-
form.semanticForms fieldset dl div.colspan-5,
|
|
1027
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-5 {
|
|
967
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
968
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
969
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
970
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
971
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-5 {
|
|
1028
972
|
grid-column-end: span 4;
|
|
1029
973
|
}
|
|
1030
|
-
form.semanticForms fieldset dl div.col-5, form.semanticForms fieldset.colspan-5 dl div.col-5, form.semanticForms dl div.col-5, form.semanticForms dl.colspan-5 div.col-5,
|
|
1031
|
-
form.semanticForms fieldset fieldset dl div.col-5,
|
|
1032
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-5,
|
|
1033
|
-
form.semanticForms fieldset dl div.col-5,
|
|
1034
|
-
form.semanticForms fieldset dl.colspan-5 div.col-5 {
|
|
974
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
975
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
976
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
977
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
978
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-5 {
|
|
1035
979
|
grid-column-start: auto;
|
|
1036
980
|
}
|
|
1037
981
|
}
|
|
1038
982
|
@container semanticForm (width >= 850px) and (width < 1030px) {
|
|
1039
|
-
form.semanticForms fieldset dl, form.semanticForms fieldset.colspan-4 dl, form.semanticForms fieldset.colspan-5 dl, form.semanticForms dl, form.semanticForms dl.colspan-4, form.semanticForms dl.colspan-5,
|
|
1040
|
-
form.semanticForms fieldset fieldset dl,
|
|
1041
|
-
form.semanticForms fieldset fieldset.colspan-4 dl,
|
|
1042
|
-
form.semanticForms fieldset fieldset.colspan-5 dl,
|
|
1043
|
-
form.semanticForms fieldset dl,
|
|
1044
|
-
form.semanticForms fieldset dl.colspan-4,
|
|
1045
|
-
form.semanticForms fieldset dl.colspan-5 {
|
|
983
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)),
|
|
984
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
985
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)),
|
|
986
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)),
|
|
987
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
988
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)),
|
|
989
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) {
|
|
1046
990
|
grid-template-columns: repeat(3, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
1047
991
|
}
|
|
1048
|
-
form.semanticForms fieldset dl div.colspan-4,
|
|
1049
|
-
form.semanticForms fieldset dl div.colspan-5, form.semanticForms fieldset.colspan-4 dl div.colspan-4,
|
|
1050
|
-
form.semanticForms fieldset.colspan-4 dl div.colspan-5, form.semanticForms fieldset.colspan-5 dl div.colspan-4,
|
|
1051
|
-
form.semanticForms fieldset.colspan-5 dl div.colspan-5, form.semanticForms dl div.colspan-4,
|
|
1052
|
-
form.semanticForms dl div.colspan-5, form.semanticForms dl.colspan-4 div.colspan-4,
|
|
1053
|
-
form.semanticForms dl.colspan-4 div.colspan-5, form.semanticForms dl.colspan-5 div.colspan-4,
|
|
1054
|
-
form.semanticForms dl.colspan-5 div.colspan-5,
|
|
1055
|
-
form.semanticForms fieldset fieldset dl div.colspan-4,
|
|
1056
|
-
form.semanticForms fieldset fieldset dl div.colspan-5,
|
|
1057
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.colspan-4,
|
|
1058
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.colspan-5,
|
|
1059
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-4,
|
|
1060
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-5,
|
|
1061
|
-
form.semanticForms fieldset dl div.colspan-4,
|
|
1062
|
-
form.semanticForms fieldset dl div.colspan-5,
|
|
1063
|
-
form.semanticForms fieldset dl.colspan-4 div.colspan-4,
|
|
1064
|
-
form.semanticForms fieldset dl.colspan-4 div.colspan-5,
|
|
1065
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-4,
|
|
1066
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-5 {
|
|
992
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
993
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
994
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
995
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
996
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
997
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
998
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
999
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1000
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1001
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1002
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1003
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1004
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1005
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1006
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1007
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1008
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1009
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1010
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-5 {
|
|
1067
1011
|
grid-column-end: span 3;
|
|
1068
1012
|
}
|
|
1069
|
-
form.semanticForms fieldset dl div.col-4,
|
|
1070
|
-
form.semanticForms fieldset dl div.col-5, form.semanticForms fieldset.colspan-4 dl div.col-4,
|
|
1071
|
-
form.semanticForms fieldset.colspan-4 dl div.col-5, form.semanticForms fieldset.colspan-5 dl div.col-4,
|
|
1072
|
-
form.semanticForms fieldset.colspan-5 dl div.col-5, form.semanticForms dl div.col-4,
|
|
1073
|
-
form.semanticForms dl div.col-5, form.semanticForms dl.colspan-4 div.col-4,
|
|
1074
|
-
form.semanticForms dl.colspan-4 div.col-5, form.semanticForms dl.colspan-5 div.col-4,
|
|
1075
|
-
form.semanticForms dl.colspan-5 div.col-5,
|
|
1076
|
-
form.semanticForms fieldset fieldset dl div.col-4,
|
|
1077
|
-
form.semanticForms fieldset fieldset dl div.col-5,
|
|
1078
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.col-4,
|
|
1079
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.col-5,
|
|
1080
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-4,
|
|
1081
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-5,
|
|
1082
|
-
form.semanticForms fieldset dl div.col-4,
|
|
1083
|
-
form.semanticForms fieldset dl div.col-5,
|
|
1084
|
-
form.semanticForms fieldset dl.colspan-4 div.col-4,
|
|
1085
|
-
form.semanticForms fieldset dl.colspan-4 div.col-5,
|
|
1086
|
-
form.semanticForms fieldset dl.colspan-5 div.col-4,
|
|
1087
|
-
form.semanticForms fieldset dl.colspan-5 div.col-5 {
|
|
1013
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1014
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1015
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1016
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1017
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1018
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1019
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1020
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1021
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1022
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1023
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1024
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1025
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1026
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1027
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1028
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1029
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1030
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1031
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-5 {
|
|
1088
1032
|
grid-column-start: auto;
|
|
1089
1033
|
}
|
|
1090
1034
|
}
|
|
1091
1035
|
@container semanticForm (width >= 510px) and (width < 850px) {
|
|
1092
|
-
form.semanticForms fieldset dl, form.semanticForms fieldset.colspan-3 dl, form.semanticForms fieldset.colspan-4 dl, form.semanticForms fieldset.colspan-5 dl, form.semanticForms dl, form.semanticForms dl.colspan-3, form.semanticForms dl.colspan-4, form.semanticForms dl.colspan-5,
|
|
1093
|
-
form.semanticForms fieldset fieldset dl,
|
|
1094
|
-
form.semanticForms fieldset fieldset.colspan-3 dl,
|
|
1095
|
-
form.semanticForms fieldset fieldset.colspan-4 dl,
|
|
1096
|
-
form.semanticForms fieldset fieldset.colspan-5 dl,
|
|
1097
|
-
form.semanticForms fieldset dl,
|
|
1098
|
-
form.semanticForms fieldset dl.colspan-3,
|
|
1099
|
-
form.semanticForms fieldset dl.colspan-4,
|
|
1100
|
-
form.semanticForms fieldset dl.colspan-5 {
|
|
1036
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)),
|
|
1037
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
1038
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)),
|
|
1039
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)),
|
|
1040
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)),
|
|
1041
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
1042
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)),
|
|
1043
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)),
|
|
1044
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) {
|
|
1101
1045
|
grid-template-columns: repeat(2, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
1102
1046
|
}
|
|
1103
|
-
form.semanticForms fieldset dl div.colspan-3,
|
|
1104
|
-
form.semanticForms fieldset dl div.colspan-4,
|
|
1105
|
-
form.semanticForms fieldset dl div.colspan-5, form.semanticForms fieldset.colspan-3 dl div.colspan-3,
|
|
1106
|
-
form.semanticForms fieldset.colspan-3 dl div.colspan-4,
|
|
1107
|
-
form.semanticForms fieldset.colspan-3 dl div.colspan-5, form.semanticForms fieldset.colspan-4 dl div.colspan-3,
|
|
1108
|
-
form.semanticForms fieldset.colspan-4 dl div.colspan-4,
|
|
1109
|
-
form.semanticForms fieldset.colspan-4 dl div.colspan-5, form.semanticForms fieldset.colspan-5 dl div.colspan-3,
|
|
1110
|
-
form.semanticForms fieldset.colspan-5 dl div.colspan-4,
|
|
1111
|
-
form.semanticForms fieldset.colspan-5 dl div.colspan-5, form.semanticForms dl div.colspan-3,
|
|
1112
|
-
form.semanticForms dl div.colspan-4,
|
|
1113
|
-
form.semanticForms dl div.colspan-5, form.semanticForms dl.colspan-3 div.colspan-3,
|
|
1114
|
-
form.semanticForms dl.colspan-3 div.colspan-4,
|
|
1115
|
-
form.semanticForms dl.colspan-3 div.colspan-5, form.semanticForms dl.colspan-4 div.colspan-3,
|
|
1116
|
-
form.semanticForms dl.colspan-4 div.colspan-4,
|
|
1117
|
-
form.semanticForms dl.colspan-4 div.colspan-5, form.semanticForms dl.colspan-5 div.colspan-3,
|
|
1118
|
-
form.semanticForms dl.colspan-5 div.colspan-4,
|
|
1119
|
-
form.semanticForms dl.colspan-5 div.colspan-5,
|
|
1120
|
-
form.semanticForms fieldset fieldset dl div.colspan-3,
|
|
1121
|
-
form.semanticForms fieldset fieldset dl div.colspan-4,
|
|
1122
|
-
form.semanticForms fieldset fieldset dl div.colspan-5,
|
|
1123
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.colspan-3,
|
|
1124
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.colspan-4,
|
|
1125
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.colspan-5,
|
|
1126
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.colspan-3,
|
|
1127
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.colspan-4,
|
|
1128
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.colspan-5,
|
|
1129
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-3,
|
|
1130
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-4,
|
|
1131
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-5,
|
|
1132
|
-
form.semanticForms fieldset dl div.colspan-3,
|
|
1133
|
-
form.semanticForms fieldset dl div.colspan-4,
|
|
1134
|
-
form.semanticForms fieldset dl div.colspan-5,
|
|
1135
|
-
form.semanticForms fieldset dl.colspan-3 div.colspan-3,
|
|
1136
|
-
form.semanticForms fieldset dl.colspan-3 div.colspan-4,
|
|
1137
|
-
form.semanticForms fieldset dl.colspan-3 div.colspan-5,
|
|
1138
|
-
form.semanticForms fieldset dl.colspan-4 div.colspan-3,
|
|
1139
|
-
form.semanticForms fieldset dl.colspan-4 div.colspan-4,
|
|
1140
|
-
form.semanticForms fieldset dl.colspan-4 div.colspan-5,
|
|
1141
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-3,
|
|
1142
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-4,
|
|
1143
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-5 {
|
|
1047
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1048
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1049
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1050
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1051
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1052
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1053
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1054
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1055
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1056
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1057
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1058
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1059
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1060
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1061
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1062
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1063
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1064
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1065
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1066
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1067
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1068
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1069
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1070
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1071
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1072
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1073
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1074
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1075
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1076
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1077
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1078
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1079
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1080
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1081
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1082
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1083
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1084
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1085
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1086
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1087
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-5 {
|
|
1144
1088
|
grid-column-end: span 2;
|
|
1145
1089
|
}
|
|
1146
|
-
form.semanticForms fieldset dl div.col-3,
|
|
1147
|
-
form.semanticForms fieldset dl div.col-4,
|
|
1148
|
-
form.semanticForms fieldset dl div.col-5, form.semanticForms fieldset.colspan-3 dl div.col-3,
|
|
1149
|
-
form.semanticForms fieldset.colspan-3 dl div.col-4,
|
|
1150
|
-
form.semanticForms fieldset.colspan-3 dl div.col-5, form.semanticForms fieldset.colspan-4 dl div.col-3,
|
|
1151
|
-
form.semanticForms fieldset.colspan-4 dl div.col-4,
|
|
1152
|
-
form.semanticForms fieldset.colspan-4 dl div.col-5, form.semanticForms fieldset.colspan-5 dl div.col-3,
|
|
1153
|
-
form.semanticForms fieldset.colspan-5 dl div.col-4,
|
|
1154
|
-
form.semanticForms fieldset.colspan-5 dl div.col-5, form.semanticForms dl div.col-3,
|
|
1155
|
-
form.semanticForms dl div.col-4,
|
|
1156
|
-
form.semanticForms dl div.col-5, form.semanticForms dl.colspan-3 div.col-3,
|
|
1157
|
-
form.semanticForms dl.colspan-3 div.col-4,
|
|
1158
|
-
form.semanticForms dl.colspan-3 div.col-5, form.semanticForms dl.colspan-4 div.col-3,
|
|
1159
|
-
form.semanticForms dl.colspan-4 div.col-4,
|
|
1160
|
-
form.semanticForms dl.colspan-4 div.col-5, form.semanticForms dl.colspan-5 div.col-3,
|
|
1161
|
-
form.semanticForms dl.colspan-5 div.col-4,
|
|
1162
|
-
form.semanticForms dl.colspan-5 div.col-5,
|
|
1163
|
-
form.semanticForms fieldset fieldset dl div.col-3,
|
|
1164
|
-
form.semanticForms fieldset fieldset dl div.col-4,
|
|
1165
|
-
form.semanticForms fieldset fieldset dl div.col-5,
|
|
1166
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.col-3,
|
|
1167
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.col-4,
|
|
1168
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.col-5,
|
|
1169
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.col-3,
|
|
1170
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.col-4,
|
|
1171
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.col-5,
|
|
1172
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-3,
|
|
1173
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-4,
|
|
1174
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-5,
|
|
1175
|
-
form.semanticForms fieldset dl div.col-3,
|
|
1176
|
-
form.semanticForms fieldset dl div.col-4,
|
|
1177
|
-
form.semanticForms fieldset dl div.col-5,
|
|
1178
|
-
form.semanticForms fieldset dl.colspan-3 div.col-3,
|
|
1179
|
-
form.semanticForms fieldset dl.colspan-3 div.col-4,
|
|
1180
|
-
form.semanticForms fieldset dl.colspan-3 div.col-5,
|
|
1181
|
-
form.semanticForms fieldset dl.colspan-4 div.col-3,
|
|
1182
|
-
form.semanticForms fieldset dl.colspan-4 div.col-4,
|
|
1183
|
-
form.semanticForms fieldset dl.colspan-4 div.col-5,
|
|
1184
|
-
form.semanticForms fieldset dl.colspan-5 div.col-3,
|
|
1185
|
-
form.semanticForms fieldset dl.colspan-5 div.col-4,
|
|
1186
|
-
form.semanticForms fieldset dl.colspan-5 div.col-5 {
|
|
1090
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1091
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1092
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1093
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1094
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1095
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1096
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1097
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1098
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1099
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1100
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1101
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1102
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1103
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1104
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1105
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1106
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1107
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1108
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1109
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1110
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1111
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1112
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1113
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1114
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1115
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1116
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1117
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1118
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1119
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1120
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1121
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1122
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1123
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1124
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1125
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1126
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1127
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1128
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1129
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1130
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-5 {
|
|
1187
1131
|
grid-column-start: auto;
|
|
1188
1132
|
}
|
|
1189
1133
|
}
|
|
1190
1134
|
@container semanticForm (width < 510px) {
|
|
1191
|
-
form.semanticForms fieldset dl, form.semanticForms fieldset.colspan-2 dl, form.semanticForms fieldset.colspan-3 dl, form.semanticForms fieldset.colspan-4 dl, form.semanticForms fieldset.colspan-5 dl, form.semanticForms dl, form.semanticForms dl.colspan-2, form.semanticForms dl.colspan-3, form.semanticForms dl.colspan-4, form.semanticForms dl.colspan-5,
|
|
1192
|
-
form.semanticForms fieldset fieldset dl,
|
|
1193
|
-
form.semanticForms fieldset fieldset.colspan-2 dl,
|
|
1194
|
-
form.semanticForms fieldset fieldset.colspan-3 dl,
|
|
1195
|
-
form.semanticForms fieldset fieldset.colspan-4 dl,
|
|
1196
|
-
form.semanticForms fieldset fieldset.colspan-5 dl,
|
|
1197
|
-
form.semanticForms fieldset dl,
|
|
1198
|
-
form.semanticForms fieldset dl.colspan-2,
|
|
1199
|
-
form.semanticForms fieldset dl.colspan-3,
|
|
1200
|
-
form.semanticForms fieldset dl.colspan-4,
|
|
1201
|
-
form.semanticForms fieldset dl.colspan-5 {
|
|
1135
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)), form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)),
|
|
1136
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
1137
|
+
form.semanticForms fieldset fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)),
|
|
1138
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)),
|
|
1139
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)),
|
|
1140
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)),
|
|
1141
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)),
|
|
1142
|
+
form.semanticForms fieldset dl.colspan-2:not(:where(.customLayout, .customLayout *)),
|
|
1143
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)),
|
|
1144
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)),
|
|
1145
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) {
|
|
1202
1146
|
grid-template-columns: 1fr;
|
|
1203
1147
|
}
|
|
1204
|
-
form.semanticForms fieldset dl div.colspan-2,
|
|
1205
|
-
form.semanticForms fieldset dl div.colspan-3,
|
|
1206
|
-
form.semanticForms fieldset dl div.colspan-4,
|
|
1207
|
-
form.semanticForms fieldset dl div.colspan-5, form.semanticForms fieldset.colspan-2 dl div.colspan-2,
|
|
1208
|
-
form.semanticForms fieldset.colspan-2 dl div.colspan-3,
|
|
1209
|
-
form.semanticForms fieldset.colspan-2 dl div.colspan-4,
|
|
1210
|
-
form.semanticForms fieldset.colspan-2 dl div.colspan-5, form.semanticForms fieldset.colspan-3 dl div.colspan-2,
|
|
1211
|
-
form.semanticForms fieldset.colspan-3 dl div.colspan-3,
|
|
1212
|
-
form.semanticForms fieldset.colspan-3 dl div.colspan-4,
|
|
1213
|
-
form.semanticForms fieldset.colspan-3 dl div.colspan-5, form.semanticForms fieldset.colspan-4 dl div.colspan-2,
|
|
1214
|
-
form.semanticForms fieldset.colspan-4 dl div.colspan-3,
|
|
1215
|
-
form.semanticForms fieldset.colspan-4 dl div.colspan-4,
|
|
1216
|
-
form.semanticForms fieldset.colspan-4 dl div.colspan-5, form.semanticForms fieldset.colspan-5 dl div.colspan-2,
|
|
1217
|
-
form.semanticForms fieldset.colspan-5 dl div.colspan-3,
|
|
1218
|
-
form.semanticForms fieldset.colspan-5 dl div.colspan-4,
|
|
1219
|
-
form.semanticForms fieldset.colspan-5 dl div.colspan-5, form.semanticForms dl div.colspan-2,
|
|
1220
|
-
form.semanticForms dl div.colspan-3,
|
|
1221
|
-
form.semanticForms dl div.colspan-4,
|
|
1222
|
-
form.semanticForms dl div.colspan-5, form.semanticForms dl.colspan-2 div.colspan-2,
|
|
1223
|
-
form.semanticForms dl.colspan-2 div.colspan-3,
|
|
1224
|
-
form.semanticForms dl.colspan-2 div.colspan-4,
|
|
1225
|
-
form.semanticForms dl.colspan-2 div.colspan-5, form.semanticForms dl.colspan-3 div.colspan-2,
|
|
1226
|
-
form.semanticForms dl.colspan-3 div.colspan-3,
|
|
1227
|
-
form.semanticForms dl.colspan-3 div.colspan-4,
|
|
1228
|
-
form.semanticForms dl.colspan-3 div.colspan-5, form.semanticForms dl.colspan-4 div.colspan-2,
|
|
1229
|
-
form.semanticForms dl.colspan-4 div.colspan-3,
|
|
1230
|
-
form.semanticForms dl.colspan-4 div.colspan-4,
|
|
1231
|
-
form.semanticForms dl.colspan-4 div.colspan-5, form.semanticForms dl.colspan-5 div.colspan-2,
|
|
1232
|
-
form.semanticForms dl.colspan-5 div.colspan-3,
|
|
1233
|
-
form.semanticForms dl.colspan-5 div.colspan-4,
|
|
1234
|
-
form.semanticForms dl.colspan-5 div.colspan-5,
|
|
1235
|
-
form.semanticForms fieldset fieldset dl div.colspan-2,
|
|
1236
|
-
form.semanticForms fieldset fieldset dl div.colspan-3,
|
|
1237
|
-
form.semanticForms fieldset fieldset dl div.colspan-4,
|
|
1238
|
-
form.semanticForms fieldset fieldset dl div.colspan-5,
|
|
1239
|
-
form.semanticForms fieldset fieldset.colspan-2 dl div.colspan-2,
|
|
1240
|
-
form.semanticForms fieldset fieldset.colspan-2 dl div.colspan-3,
|
|
1241
|
-
form.semanticForms fieldset fieldset.colspan-2 dl div.colspan-4,
|
|
1242
|
-
form.semanticForms fieldset fieldset.colspan-2 dl div.colspan-5,
|
|
1243
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.colspan-2,
|
|
1244
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.colspan-3,
|
|
1245
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.colspan-4,
|
|
1246
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.colspan-5,
|
|
1247
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.colspan-2,
|
|
1248
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.colspan-3,
|
|
1249
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.colspan-4,
|
|
1250
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.colspan-5,
|
|
1251
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-2,
|
|
1252
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-3,
|
|
1253
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-4,
|
|
1254
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.colspan-5,
|
|
1255
|
-
form.semanticForms fieldset dl div.colspan-2,
|
|
1256
|
-
form.semanticForms fieldset dl div.colspan-3,
|
|
1257
|
-
form.semanticForms fieldset dl div.colspan-4,
|
|
1258
|
-
form.semanticForms fieldset dl div.colspan-5,
|
|
1259
|
-
form.semanticForms fieldset dl.colspan-2 div.colspan-2,
|
|
1260
|
-
form.semanticForms fieldset dl.colspan-2 div.colspan-3,
|
|
1261
|
-
form.semanticForms fieldset dl.colspan-2 div.colspan-4,
|
|
1262
|
-
form.semanticForms fieldset dl.colspan-2 div.colspan-5,
|
|
1263
|
-
form.semanticForms fieldset dl.colspan-3 div.colspan-2,
|
|
1264
|
-
form.semanticForms fieldset dl.colspan-3 div.colspan-3,
|
|
1265
|
-
form.semanticForms fieldset dl.colspan-3 div.colspan-4,
|
|
1266
|
-
form.semanticForms fieldset dl.colspan-3 div.colspan-5,
|
|
1267
|
-
form.semanticForms fieldset dl.colspan-4 div.colspan-2,
|
|
1268
|
-
form.semanticForms fieldset dl.colspan-4 div.colspan-3,
|
|
1269
|
-
form.semanticForms fieldset dl.colspan-4 div.colspan-4,
|
|
1270
|
-
form.semanticForms fieldset dl.colspan-4 div.colspan-5,
|
|
1271
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-2,
|
|
1272
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-3,
|
|
1273
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-4,
|
|
1274
|
-
form.semanticForms fieldset dl.colspan-5 div.colspan-5 {
|
|
1148
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1149
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1150
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1151
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1152
|
+
form.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1153
|
+
form.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1154
|
+
form.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1155
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1156
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1157
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1158
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1159
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1160
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1161
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1162
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1163
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1164
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1165
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1166
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1167
|
+
form.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1168
|
+
form.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1169
|
+
form.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1170
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1171
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1172
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1173
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1174
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1175
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-5, form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1176
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1177
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1178
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1179
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1180
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1181
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1182
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1183
|
+
form.semanticForms fieldset fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1184
|
+
form.semanticForms fieldset fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1185
|
+
form.semanticForms fieldset fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1186
|
+
form.semanticForms fieldset fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1187
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1188
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1189
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1190
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1191
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1192
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1193
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1194
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1195
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1196
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1197
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1198
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1199
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1200
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1201
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1202
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1203
|
+
form.semanticForms fieldset dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1204
|
+
form.semanticForms fieldset dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1205
|
+
form.semanticForms fieldset dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1206
|
+
form.semanticForms fieldset dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1207
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1208
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1209
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1210
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1211
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1212
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1213
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1214
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.colspan-5,
|
|
1215
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-2,
|
|
1216
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-3,
|
|
1217
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-4,
|
|
1218
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.colspan-5 {
|
|
1275
1219
|
grid-column-end: span 1;
|
|
1276
1220
|
}
|
|
1277
|
-
form.semanticForms fieldset dl div.col-2,
|
|
1278
|
-
form.semanticForms fieldset dl div.col-3,
|
|
1279
|
-
form.semanticForms fieldset dl div.col-4,
|
|
1280
|
-
form.semanticForms fieldset dl div.col-5, form.semanticForms fieldset.colspan-2 dl div.col-2,
|
|
1281
|
-
form.semanticForms fieldset.colspan-2 dl div.col-3,
|
|
1282
|
-
form.semanticForms fieldset.colspan-2 dl div.col-4,
|
|
1283
|
-
form.semanticForms fieldset.colspan-2 dl div.col-5, form.semanticForms fieldset.colspan-3 dl div.col-2,
|
|
1284
|
-
form.semanticForms fieldset.colspan-3 dl div.col-3,
|
|
1285
|
-
form.semanticForms fieldset.colspan-3 dl div.col-4,
|
|
1286
|
-
form.semanticForms fieldset.colspan-3 dl div.col-5, form.semanticForms fieldset.colspan-4 dl div.col-2,
|
|
1287
|
-
form.semanticForms fieldset.colspan-4 dl div.col-3,
|
|
1288
|
-
form.semanticForms fieldset.colspan-4 dl div.col-4,
|
|
1289
|
-
form.semanticForms fieldset.colspan-4 dl div.col-5, form.semanticForms fieldset.colspan-5 dl div.col-2,
|
|
1290
|
-
form.semanticForms fieldset.colspan-5 dl div.col-3,
|
|
1291
|
-
form.semanticForms fieldset.colspan-5 dl div.col-4,
|
|
1292
|
-
form.semanticForms fieldset.colspan-5 dl div.col-5, form.semanticForms dl div.col-2,
|
|
1293
|
-
form.semanticForms dl div.col-3,
|
|
1294
|
-
form.semanticForms dl div.col-4,
|
|
1295
|
-
form.semanticForms dl div.col-5, form.semanticForms dl.colspan-2 div.col-2,
|
|
1296
|
-
form.semanticForms dl.colspan-2 div.col-3,
|
|
1297
|
-
form.semanticForms dl.colspan-2 div.col-4,
|
|
1298
|
-
form.semanticForms dl.colspan-2 div.col-5, form.semanticForms dl.colspan-3 div.col-2,
|
|
1299
|
-
form.semanticForms dl.colspan-3 div.col-3,
|
|
1300
|
-
form.semanticForms dl.colspan-3 div.col-4,
|
|
1301
|
-
form.semanticForms dl.colspan-3 div.col-5, form.semanticForms dl.colspan-4 div.col-2,
|
|
1302
|
-
form.semanticForms dl.colspan-4 div.col-3,
|
|
1303
|
-
form.semanticForms dl.colspan-4 div.col-4,
|
|
1304
|
-
form.semanticForms dl.colspan-4 div.col-5, form.semanticForms dl.colspan-5 div.col-2,
|
|
1305
|
-
form.semanticForms dl.colspan-5 div.col-3,
|
|
1306
|
-
form.semanticForms dl.colspan-5 div.col-4,
|
|
1307
|
-
form.semanticForms dl.colspan-5 div.col-5,
|
|
1308
|
-
form.semanticForms fieldset fieldset dl div.col-2,
|
|
1309
|
-
form.semanticForms fieldset fieldset dl div.col-3,
|
|
1310
|
-
form.semanticForms fieldset fieldset dl div.col-4,
|
|
1311
|
-
form.semanticForms fieldset fieldset dl div.col-5,
|
|
1312
|
-
form.semanticForms fieldset fieldset.colspan-2 dl div.col-2,
|
|
1313
|
-
form.semanticForms fieldset fieldset.colspan-2 dl div.col-3,
|
|
1314
|
-
form.semanticForms fieldset fieldset.colspan-2 dl div.col-4,
|
|
1315
|
-
form.semanticForms fieldset fieldset.colspan-2 dl div.col-5,
|
|
1316
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.col-2,
|
|
1317
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.col-3,
|
|
1318
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.col-4,
|
|
1319
|
-
form.semanticForms fieldset fieldset.colspan-3 dl div.col-5,
|
|
1320
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.col-2,
|
|
1321
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.col-3,
|
|
1322
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.col-4,
|
|
1323
|
-
form.semanticForms fieldset fieldset.colspan-4 dl div.col-5,
|
|
1324
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-2,
|
|
1325
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-3,
|
|
1326
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-4,
|
|
1327
|
-
form.semanticForms fieldset fieldset.colspan-5 dl div.col-5,
|
|
1328
|
-
form.semanticForms fieldset dl div.col-2,
|
|
1329
|
-
form.semanticForms fieldset dl div.col-3,
|
|
1330
|
-
form.semanticForms fieldset dl div.col-4,
|
|
1331
|
-
form.semanticForms fieldset dl div.col-5,
|
|
1332
|
-
form.semanticForms fieldset dl.colspan-2 div.col-2,
|
|
1333
|
-
form.semanticForms fieldset dl.colspan-2 div.col-3,
|
|
1334
|
-
form.semanticForms fieldset dl.colspan-2 div.col-4,
|
|
1335
|
-
form.semanticForms fieldset dl.colspan-2 div.col-5,
|
|
1336
|
-
form.semanticForms fieldset dl.colspan-3 div.col-2,
|
|
1337
|
-
form.semanticForms fieldset dl.colspan-3 div.col-3,
|
|
1338
|
-
form.semanticForms fieldset dl.colspan-3 div.col-4,
|
|
1339
|
-
form.semanticForms fieldset dl.colspan-3 div.col-5,
|
|
1340
|
-
form.semanticForms fieldset dl.colspan-4 div.col-2,
|
|
1341
|
-
form.semanticForms fieldset dl.colspan-4 div.col-3,
|
|
1342
|
-
form.semanticForms fieldset dl.colspan-4 div.col-4,
|
|
1343
|
-
form.semanticForms fieldset dl.colspan-4 div.col-5,
|
|
1344
|
-
form.semanticForms fieldset dl.colspan-5 div.col-2,
|
|
1345
|
-
form.semanticForms fieldset dl.colspan-5 div.col-3,
|
|
1346
|
-
form.semanticForms fieldset dl.colspan-5 div.col-4,
|
|
1347
|
-
form.semanticForms fieldset dl.colspan-5 div.col-5 {
|
|
1221
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1222
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1223
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1224
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1225
|
+
form.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1226
|
+
form.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1227
|
+
form.semanticForms fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1228
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1229
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1230
|
+
form.semanticForms fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1231
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1232
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1233
|
+
form.semanticForms fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1234
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1235
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1236
|
+
form.semanticForms fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1237
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1238
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1239
|
+
form.semanticForms dl:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1240
|
+
form.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1241
|
+
form.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1242
|
+
form.semanticForms dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1243
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1244
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1245
|
+
form.semanticForms dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1246
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1247
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1248
|
+
form.semanticForms dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-5, form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1249
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1250
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1251
|
+
form.semanticForms dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1252
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1253
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1254
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1255
|
+
form.semanticForms fieldset fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1256
|
+
form.semanticForms fieldset fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1257
|
+
form.semanticForms fieldset fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1258
|
+
form.semanticForms fieldset fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1259
|
+
form.semanticForms fieldset fieldset.colspan-2 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1260
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1261
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1262
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1263
|
+
form.semanticForms fieldset fieldset.colspan-3 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1264
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1265
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1266
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1267
|
+
form.semanticForms fieldset fieldset.colspan-4 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1268
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1269
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1270
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1271
|
+
form.semanticForms fieldset fieldset.colspan-5 dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1272
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1273
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1274
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1275
|
+
form.semanticForms fieldset dl:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1276
|
+
form.semanticForms fieldset dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1277
|
+
form.semanticForms fieldset dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1278
|
+
form.semanticForms fieldset dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1279
|
+
form.semanticForms fieldset dl.colspan-2:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1280
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1281
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1282
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1283
|
+
form.semanticForms fieldset dl.colspan-3:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1284
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1285
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1286
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1287
|
+
form.semanticForms fieldset dl.colspan-4:not(:where(.customLayout, .customLayout *)) div.col-5,
|
|
1288
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-2,
|
|
1289
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-3,
|
|
1290
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-4,
|
|
1291
|
+
form.semanticForms fieldset dl.colspan-5:not(:where(.customLayout, .customLayout *)) div.col-5 {
|
|
1348
1292
|
grid-column-start: auto;
|
|
1349
1293
|
}
|
|
1350
1294
|
}
|
|
@@ -1413,76 +1357,76 @@ form.semanticForms.lowFlow,
|
|
|
1413
1357
|
form.semanticForms:not(.semanticFormsActive) {
|
|
1414
1358
|
gap: 10px;
|
|
1415
1359
|
}
|
|
1416
|
-
form.semanticForms.lowFlow dl,
|
|
1417
|
-
form.semanticForms:not(.semanticFormsActive) dl {
|
|
1360
|
+
form.semanticForms.lowFlow dl:not(:where(.customLayout, .customLayout *)),
|
|
1361
|
+
form.semanticForms:not(.semanticFormsActive) dl:not(:where(.customLayout, .customLayout *)) {
|
|
1418
1362
|
gap: 10px;
|
|
1419
1363
|
margin-bottom: 0px;
|
|
1420
1364
|
}
|
|
1421
|
-
form.semanticForms.lowFlow div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]),
|
|
1422
|
-
form.semanticForms:not(.semanticFormsActive) div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) {
|
|
1365
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]),
|
|
1366
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) {
|
|
1423
1367
|
padding-left: 11px;
|
|
1424
1368
|
}
|
|
1425
|
-
form.semanticForms.lowFlow div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]):has(> dd > input[type=radio]),
|
|
1426
|
-
form.semanticForms:not(.semanticFormsActive) div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]):has(> dd > input[type=radio]) {
|
|
1369
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]):has(> dd > input[type=radio]),
|
|
1370
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]):has(> dd > input[type=radio]) {
|
|
1427
1371
|
margin-top: -2px;
|
|
1428
1372
|
}
|
|
1429
|
-
form.semanticForms.lowFlow div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dt label,
|
|
1430
|
-
form.semanticForms:not(.semanticFormsActive) div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dt label {
|
|
1373
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dt label,
|
|
1374
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dt label {
|
|
1431
1375
|
transform: scale(1);
|
|
1432
1376
|
margin-top: 4px;
|
|
1433
1377
|
margin-left: -4px;
|
|
1434
1378
|
}
|
|
1435
|
-
form.semanticForms.lowFlow div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]):has(dd > input[type=checkbox][switch]) dt label,
|
|
1436
|
-
form.semanticForms:not(.semanticFormsActive) div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]):has(dd > input[type=checkbox][switch]) dt label {
|
|
1379
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]):has(dd > input[type=checkbox][switch]) dt label,
|
|
1380
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]):has(dd > input[type=checkbox][switch]) dt label {
|
|
1437
1381
|
padding-left: 45px;
|
|
1438
1382
|
}
|
|
1439
|
-
form.semanticForms.lowFlow div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dd,
|
|
1440
|
-
form.semanticForms:not(.semanticFormsActive) div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dd {
|
|
1383
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dd,
|
|
1384
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dd {
|
|
1441
1385
|
margin-top: 0;
|
|
1442
1386
|
}
|
|
1443
|
-
form.semanticForms.lowFlow div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dd label,
|
|
1444
|
-
form.semanticForms:not(.semanticFormsActive) div:not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dd label {
|
|
1387
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dd label,
|
|
1388
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):not(:has(> dd > ul)):has(> dd > input[type=checkbox], > dd > input[type=radio]) dd label {
|
|
1445
1389
|
font-size: small;
|
|
1446
1390
|
margin-top: -2px;
|
|
1447
1391
|
padding-left: 10px;
|
|
1448
1392
|
}
|
|
1449
|
-
form.semanticForms.lowFlow div:has(.align-start),
|
|
1450
|
-
form.semanticForms:not(.semanticFormsActive) div:has(.align-start) {
|
|
1393
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):has(.align-start),
|
|
1394
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):has(.align-start) {
|
|
1451
1395
|
flex-direction: column;
|
|
1452
1396
|
align-items: start;
|
|
1453
1397
|
}
|
|
1454
|
-
form.semanticForms.lowFlow div:has(.align-start) dd,
|
|
1455
|
-
form.semanticForms:not(.semanticFormsActive) div:has(.align-start) dd {
|
|
1398
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):has(.align-start) dd,
|
|
1399
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):has(.align-start) dd {
|
|
1456
1400
|
display: flex;
|
|
1457
1401
|
align-items: start;
|
|
1458
1402
|
}
|
|
1459
|
-
form.semanticForms.lowFlow div:has(.align-center),
|
|
1460
|
-
form.semanticForms:not(.semanticFormsActive) div:has(.align-center) {
|
|
1403
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):has(.align-center),
|
|
1404
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):has(.align-center) {
|
|
1461
1405
|
display: flex;
|
|
1462
1406
|
flex-direction: column;
|
|
1463
1407
|
align-items: center;
|
|
1464
1408
|
}
|
|
1465
|
-
form.semanticForms.lowFlow div:has(.align-center) dd,
|
|
1466
|
-
form.semanticForms:not(.semanticFormsActive) div:has(.align-center) dd {
|
|
1409
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):has(.align-center) dd,
|
|
1410
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):has(.align-center) dd {
|
|
1467
1411
|
display: flex;
|
|
1468
1412
|
align-items: center;
|
|
1469
1413
|
}
|
|
1470
|
-
form.semanticForms.lowFlow div:has(.align-end),
|
|
1471
|
-
form.semanticForms:not(.semanticFormsActive) div:has(.align-end) {
|
|
1414
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):has(.align-end),
|
|
1415
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):has(.align-end) {
|
|
1472
1416
|
flex-direction: column;
|
|
1473
1417
|
align-items: end;
|
|
1474
1418
|
}
|
|
1475
|
-
form.semanticForms.lowFlow div:has(.align-end) dd,
|
|
1476
|
-
form.semanticForms:not(.semanticFormsActive) div:has(.align-end) dd {
|
|
1419
|
+
form.semanticForms.lowFlow div:not(:where(.customLayout, .customLayout *)):has(.align-end) dd,
|
|
1420
|
+
form.semanticForms:not(.semanticFormsActive) div:not(:where(.customLayout, .customLayout *)):has(.align-end) dd {
|
|
1477
1421
|
display: flex;
|
|
1478
1422
|
align-items: end;
|
|
1479
1423
|
}
|
|
1480
|
-
form.semanticForms.lowFlow dt,
|
|
1481
|
-
form.semanticForms:not(.semanticFormsActive) dt {
|
|
1424
|
+
form.semanticForms.lowFlow dt:not(:where(.customLayout, .customLayout *)),
|
|
1425
|
+
form.semanticForms:not(.semanticFormsActive) dt:not(:where(.customLayout, .customLayout *)) {
|
|
1482
1426
|
min-width: var(--semanticFormsInputMinWidth);
|
|
1483
1427
|
}
|
|
1484
|
-
form.semanticForms.lowFlow dt label,
|
|
1485
|
-
form.semanticForms:not(.semanticFormsActive) dt label {
|
|
1428
|
+
form.semanticForms.lowFlow dt:not(:where(.customLayout, .customLayout *)) label,
|
|
1429
|
+
form.semanticForms:not(.semanticFormsActive) dt:not(:where(.customLayout, .customLayout *)) label {
|
|
1486
1430
|
position: absolute;
|
|
1487
1431
|
display: block;
|
|
1488
1432
|
height: 11px;
|
|
@@ -1491,71 +1435,71 @@ form.semanticForms:not(.semanticFormsActive) dt label {
|
|
|
1491
1435
|
padding-left: 29px;
|
|
1492
1436
|
margin-top: -2px;
|
|
1493
1437
|
}
|
|
1494
|
-
form.semanticForms.lowFlow dt:has(+ dd input:required) label::after,
|
|
1495
|
-
form.semanticForms:not(.semanticFormsActive) dt:has(+ dd input:required) label::after {
|
|
1438
|
+
form.semanticForms.lowFlow dt:not(:where(.customLayout, .customLayout *)):has(+ dd input:required) label::after,
|
|
1439
|
+
form.semanticForms:not(.semanticFormsActive) dt:not(:where(.customLayout, .customLayout *)):has(+ dd input:required) label::after {
|
|
1496
1440
|
content: " *";
|
|
1497
1441
|
color: red;
|
|
1498
1442
|
}
|
|
1499
|
-
form.semanticForms.lowFlow dt:has(+ dd.checkboxes) label, form.semanticForms.lowFlow dt:has(+ dd.radios) label,
|
|
1500
|
-
form.semanticForms:not(.semanticFormsActive) dt:has(+ dd.checkboxes) label,
|
|
1501
|
-
form.semanticForms:not(.semanticFormsActive) dt:has(+ dd.radios) label {
|
|
1443
|
+
form.semanticForms.lowFlow dt:not(:where(.customLayout, .customLayout *)):has(+ dd.checkboxes) label, form.semanticForms.lowFlow dt:not(:where(.customLayout, .customLayout *)):has(+ dd.radios) label,
|
|
1444
|
+
form.semanticForms:not(.semanticFormsActive) dt:not(:where(.customLayout, .customLayout *)):has(+ dd.checkboxes) label,
|
|
1445
|
+
form.semanticForms:not(.semanticFormsActive) dt:not(:where(.customLayout, .customLayout *)):has(+ dd.radios) label {
|
|
1502
1446
|
padding-left: 15px;
|
|
1503
1447
|
}
|
|
1504
|
-
form.semanticForms.lowFlow .checkboxes ul,
|
|
1505
|
-
form.semanticForms.lowFlow .radios ul,
|
|
1506
|
-
form.semanticForms:not(.semanticFormsActive) .checkboxes ul,
|
|
1507
|
-
form.semanticForms:not(.semanticFormsActive) .radios ul {
|
|
1448
|
+
form.semanticForms.lowFlow .checkboxes:not(:where(.customLayout, .customLayout *)) ul,
|
|
1449
|
+
form.semanticForms.lowFlow .radios:not(:where(.customLayout, .customLayout *)) ul,
|
|
1450
|
+
form.semanticForms:not(.semanticFormsActive) .checkboxes:not(:where(.customLayout, .customLayout *)) ul,
|
|
1451
|
+
form.semanticForms:not(.semanticFormsActive) .radios:not(:where(.customLayout, .customLayout *)) ul {
|
|
1508
1452
|
margin-top: var(--semanticFormsInputTopMargin);
|
|
1509
1453
|
}
|
|
1510
|
-
form.semanticForms.lowFlow dd,
|
|
1511
|
-
form.semanticForms:not(.semanticFormsActive) dd {
|
|
1454
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)),
|
|
1455
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)) {
|
|
1512
1456
|
margin-top: var(--semanticFormsInputTopMargin);
|
|
1513
1457
|
min-width: var(--semanticFormsInputMinWidth);
|
|
1514
1458
|
}
|
|
1515
|
-
form.semanticForms.lowFlow dd.checkboxes, form.semanticForms.lowFlow dd.radios,
|
|
1516
|
-
form.semanticForms:not(.semanticFormsActive) dd.checkboxes,
|
|
1517
|
-
form.semanticForms:not(.semanticFormsActive) dd.radios {
|
|
1459
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)).checkboxes, form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)).radios,
|
|
1460
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)).checkboxes,
|
|
1461
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)).radios {
|
|
1518
1462
|
margin-top: 0;
|
|
1519
1463
|
}
|
|
1520
|
-
form.semanticForms.lowFlow dd.checkboxes ul input[type=radio], form.semanticForms.lowFlow dd.radios ul input[type=radio],
|
|
1521
|
-
form.semanticForms:not(.semanticFormsActive) dd.checkboxes ul input[type=radio],
|
|
1522
|
-
form.semanticForms:not(.semanticFormsActive) dd.radios ul input[type=radio] {
|
|
1464
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)).checkboxes ul input[type=radio], form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)).radios ul input[type=radio],
|
|
1465
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)).checkboxes ul input[type=radio],
|
|
1466
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)).radios ul input[type=radio] {
|
|
1523
1467
|
margin-top: 3px;
|
|
1524
1468
|
}
|
|
1525
|
-
form.semanticForms.lowFlow dd.checkboxes ul label, form.semanticForms.lowFlow dd.radios ul label,
|
|
1526
|
-
form.semanticForms:not(.semanticFormsActive) dd.checkboxes ul label,
|
|
1527
|
-
form.semanticForms:not(.semanticFormsActive) dd.radios ul label {
|
|
1469
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)).checkboxes ul label, form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)).radios ul label,
|
|
1470
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)).checkboxes ul label,
|
|
1471
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)).radios ul label {
|
|
1528
1472
|
padding-top: 7px;
|
|
1529
1473
|
padding-left: 0;
|
|
1530
1474
|
font-size: var(--semanticFormsFontSize);
|
|
1531
1475
|
}
|
|
1532
|
-
form.semanticForms.lowFlow dd.checkboxes ul + label, form.semanticForms.lowFlow dd.radios ul + label,
|
|
1533
|
-
form.semanticForms:not(.semanticFormsActive) dd.checkboxes ul + label,
|
|
1534
|
-
form.semanticForms:not(.semanticFormsActive) dd.radios ul + label {
|
|
1476
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)).checkboxes ul + label, form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)).radios ul + label,
|
|
1477
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)).checkboxes ul + label,
|
|
1478
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)).radios ul + label {
|
|
1535
1479
|
margin-top: 0;
|
|
1536
1480
|
font-size: small;
|
|
1537
1481
|
}
|
|
1538
|
-
form.semanticForms.lowFlow dd input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio], [type=range]),
|
|
1539
|
-
form.semanticForms.lowFlow dd select,
|
|
1540
|
-
form.semanticForms.lowFlow dd textarea,
|
|
1541
|
-
form.semanticForms:not(.semanticFormsActive) dd input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio], [type=range]),
|
|
1542
|
-
form.semanticForms:not(.semanticFormsActive) dd select,
|
|
1543
|
-
form.semanticForms:not(.semanticFormsActive) dd textarea {
|
|
1482
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)) input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio], [type=range]),
|
|
1483
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)) select,
|
|
1484
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)) textarea,
|
|
1485
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)) input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio], [type=range]),
|
|
1486
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)) select,
|
|
1487
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)) textarea {
|
|
1544
1488
|
padding-right: 6px;
|
|
1545
1489
|
}
|
|
1546
|
-
form.semanticForms.lowFlow dd label,
|
|
1547
|
-
form.semanticForms:not(.semanticFormsActive) dd label {
|
|
1490
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)) label,
|
|
1491
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)) label {
|
|
1548
1492
|
padding-left: 10px;
|
|
1549
1493
|
margin-top: -5px;
|
|
1550
1494
|
font-size: small;
|
|
1551
1495
|
color: var(--semanticFormsPlaceholderColor);
|
|
1552
1496
|
}
|
|
1553
|
-
form.semanticForms.lowFlow dd button:not(.clear, .show),
|
|
1554
|
-
form.semanticForms.lowFlow dd input[type=submit]:not(.clear, .show),
|
|
1555
|
-
form.semanticForms.lowFlow dd input[type=button]:not(.clear, .show),
|
|
1556
|
-
form.semanticForms:not(.semanticFormsActive) dd button:not(.clear, .show),
|
|
1557
|
-
form.semanticForms:not(.semanticFormsActive) dd input[type=submit]:not(.clear, .show),
|
|
1558
|
-
form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .show) {
|
|
1497
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)) button:not(.clear, .show),
|
|
1498
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)) input[type=submit]:not(.clear, .show),
|
|
1499
|
+
form.semanticForms.lowFlow dd:not(:where(.customLayout, .customLayout *)) input[type=button]:not(.clear, .show),
|
|
1500
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)) button:not(.clear, .show),
|
|
1501
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)) input[type=submit]:not(.clear, .show),
|
|
1502
|
+
form.semanticForms:not(.semanticFormsActive) dd:not(:where(.customLayout, .customLayout *)) input[type=button]:not(.clear, .show) {
|
|
1559
1503
|
margin-top: 0;
|
|
1560
1504
|
}
|
|
1561
1505
|
|
|
@@ -1574,11 +1518,9 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
|
|
|
1574
1518
|
border: var(--semanticFormsNestedFieldsetBorder);
|
|
1575
1519
|
margin: 0;
|
|
1576
1520
|
}
|
|
1577
|
-
.semanticForms fieldset fieldset input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio]),
|
|
1578
|
-
.semanticForms fieldset fieldset select,
|
|
1579
|
-
.semanticForms fieldset fieldset
|
|
1580
|
-
.semanticForms fieldset details select,
|
|
1581
|
-
.semanticForms fieldset details textarea {
|
|
1521
|
+
.semanticForms :where(fieldset fieldset, fieldset details) input:where(:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio], [type=search])),
|
|
1522
|
+
.semanticForms :where(fieldset fieldset, fieldset details) select,
|
|
1523
|
+
.semanticForms :where(fieldset fieldset, fieldset details) textarea {
|
|
1582
1524
|
background-color: var(--semanticFormsNestedInputBgColor);
|
|
1583
1525
|
}
|
|
1584
1526
|
.semanticForms details {
|
|
@@ -1651,7 +1593,7 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
|
|
|
1651
1593
|
.semanticForms details[open] summary::before {
|
|
1652
1594
|
transform: rotate(90deg);
|
|
1653
1595
|
}
|
|
1654
|
-
.semanticForms details[open] > dl:first-of-type {
|
|
1596
|
+
.semanticForms details[open] > dl:first-of-type:not(:where(.customLayout, .customLayout *)) {
|
|
1655
1597
|
margin-top: 15px;
|
|
1656
1598
|
margin-bottom: 15px;
|
|
1657
1599
|
}
|
|
@@ -1667,98 +1609,98 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
|
|
|
1667
1609
|
.semanticForms details details:not([open]) summary::before {
|
|
1668
1610
|
transform: rotate(0deg);
|
|
1669
1611
|
}
|
|
1670
|
-
.semanticForms dl {
|
|
1612
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) {
|
|
1671
1613
|
display: grid;
|
|
1672
1614
|
grid-template-columns: repeat(auto-fit, minmax(var(--semanticFormsInputMinWidth), var(--semanticFormsInputColumnMaxWidth)));
|
|
1673
1615
|
gap: 10px;
|
|
1674
1616
|
margin: 0;
|
|
1675
1617
|
}
|
|
1676
|
-
.semanticForms dl div {
|
|
1618
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div {
|
|
1677
1619
|
position: relative;
|
|
1678
1620
|
width: 100%;
|
|
1679
1621
|
max-width: var(--semanticFormsInputMaxWidth);
|
|
1680
1622
|
}
|
|
1681
|
-
.semanticForms dl div:has([data-max-content]) {
|
|
1623
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div:has([data-max-content]) {
|
|
1682
1624
|
min-width: 150px;
|
|
1683
1625
|
max-width: max-content;
|
|
1684
1626
|
}
|
|
1685
|
-
.semanticForms dl div:has([data-max-content]) dd {
|
|
1627
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div:has([data-max-content]) dd {
|
|
1686
1628
|
width: max-content;
|
|
1687
1629
|
}
|
|
1688
|
-
.semanticForms dl div:has([data-max-content]) dd input, .semanticForms dl div:has([data-max-content]) dd select {
|
|
1630
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div:has([data-max-content]) dd input, .semanticForms dl:not(:where(.customLayout, .customLayout *)) div:has([data-max-content]) dd select {
|
|
1689
1631
|
field-sizing: content;
|
|
1690
1632
|
min-width: 150px;
|
|
1691
1633
|
max-width: max-content;
|
|
1692
1634
|
}
|
|
1693
|
-
.semanticForms dl div:has(dd > button:only-child, dd > input[type=button]:only-child, dd > input[type=submit]:only-child, dd > input[type=reset]:only-child) dt label {
|
|
1635
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div:has(dd > button:only-child, dd > input[type=button]:only-child, dd > input[type=submit]:only-child, dd > input[type=reset]:only-child) dt label {
|
|
1694
1636
|
display: none;
|
|
1695
1637
|
}
|
|
1696
|
-
.semanticForms dl div dd {
|
|
1638
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd {
|
|
1697
1639
|
position: relative;
|
|
1698
1640
|
display: flex;
|
|
1699
1641
|
flex-direction: column;
|
|
1700
1642
|
gap: 10px;
|
|
1701
1643
|
max-width: 100%;
|
|
1702
1644
|
}
|
|
1703
|
-
.semanticForms dl div dd.singleCheckbox, .semanticForms dl div dd.singleRadio {
|
|
1645
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.singleCheckbox, .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.singleRadio {
|
|
1704
1646
|
display: grid;
|
|
1705
1647
|
grid-template-columns: 15px 1fr;
|
|
1706
1648
|
align-items: center;
|
|
1707
1649
|
padding-left: 11px;
|
|
1708
1650
|
gap: 5px 10px;
|
|
1709
1651
|
}
|
|
1710
|
-
.semanticForms dl div dd.singleCheckbox:has(input[type=checkbox][switch]), .semanticForms dl div dd.singleRadio:has(input[type=checkbox][switch]) {
|
|
1652
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.singleCheckbox:has(input[type=checkbox][switch]), .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.singleRadio:has(input[type=checkbox][switch]) {
|
|
1711
1653
|
grid-template-columns: 34px 1fr;
|
|
1712
1654
|
}
|
|
1713
|
-
.semanticForms dl div dd.singleCheckbox > :not(input[type=checkbox], input[type=radio], label), .semanticForms dl div dd.singleRadio > :not(input[type=checkbox], input[type=radio], label) {
|
|
1655
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.singleCheckbox > :not(input[type=checkbox], input[type=radio], label), .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.singleRadio > :not(input[type=checkbox], input[type=radio], label) {
|
|
1714
1656
|
grid-column: 1/-1;
|
|
1715
1657
|
}
|
|
1716
|
-
.semanticForms dl div dd.singleCheckbox label:nth-of-type(2), .semanticForms dl div dd.singleRadio label:nth-of-type(2) {
|
|
1658
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.singleCheckbox label:nth-of-type(2), .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.singleRadio label:nth-of-type(2) {
|
|
1717
1659
|
grid-column: 1/-1;
|
|
1718
1660
|
padding: 0 10px;
|
|
1719
1661
|
font-size: small;
|
|
1720
1662
|
color: var(--semanticFormsTextColor);
|
|
1721
1663
|
}
|
|
1722
|
-
.semanticForms dl div dd.singleRadio > input {
|
|
1664
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.singleRadio > input {
|
|
1723
1665
|
margin: 0;
|
|
1724
1666
|
}
|
|
1725
|
-
.semanticForms dl div dd.checkboxes ul, .semanticForms dl div dd.radios ul {
|
|
1667
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.checkboxes ul, .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.radios ul {
|
|
1726
1668
|
display: flex;
|
|
1727
1669
|
flex-direction: column;
|
|
1728
1670
|
margin-top: var(--semanticFormsInputTopMargin);
|
|
1729
1671
|
padding-left: 10px;
|
|
1730
1672
|
gap: 5px;
|
|
1731
1673
|
}
|
|
1732
|
-
.semanticForms dl div dd.checkboxes ul li, .semanticForms dl div dd.radios ul li {
|
|
1674
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.checkboxes ul li, .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.radios ul li {
|
|
1733
1675
|
display: flex;
|
|
1734
1676
|
align-items: center;
|
|
1735
1677
|
gap: 5px;
|
|
1736
1678
|
}
|
|
1737
|
-
.semanticForms dl div dd.checkboxes > label, .semanticForms dl div dd.radios > label {
|
|
1679
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.checkboxes > label, .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd.radios > label {
|
|
1738
1680
|
padding-left: 20px;
|
|
1739
1681
|
font-size: small;
|
|
1740
1682
|
color: var(--semanticFormsTextColor);
|
|
1741
1683
|
}
|
|
1742
|
-
.semanticForms dl div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) {
|
|
1684
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) {
|
|
1743
1685
|
margin-left: 0;
|
|
1744
1686
|
}
|
|
1745
|
-
.semanticForms dl div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) button, .semanticForms dl div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) input[type=button], .semanticForms dl div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) input[type=submit], .semanticForms dl div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) input[type=reset] {
|
|
1687
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) button, .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) input[type=button], .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) input[type=submit], .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(button:only-child, input[type=button]:only-child, input[type=submit]:only-child, input[type=reset]:only-child) input[type=reset] {
|
|
1746
1688
|
height: var(--semanticFormsInputHeight);
|
|
1747
1689
|
}
|
|
1748
|
-
.semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) {
|
|
1690
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) {
|
|
1749
1691
|
display: grid;
|
|
1750
1692
|
grid-template-columns: 2fr 1fr;
|
|
1751
1693
|
}
|
|
1752
|
-
.semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) button.clear, .semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) button.show {
|
|
1694
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) button.clear, .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) button.show {
|
|
1753
1695
|
right: 36%;
|
|
1754
1696
|
}
|
|
1755
|
-
.semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) input:not([type=submit]), .semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) select, .semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) textarea {
|
|
1697
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) input:not([type=submit]), .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) select, .semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) textarea {
|
|
1756
1698
|
grid-row: 1/2;
|
|
1757
1699
|
grid-column: 1/2;
|
|
1758
1700
|
}
|
|
1759
|
-
.semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) button:not(.clear, .show),
|
|
1760
|
-
.semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) input[type=submit]:not(.clear, .show),
|
|
1761
|
-
.semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) input[type=button]:not(.clear, .show) {
|
|
1701
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) button:not(.clear, .show),
|
|
1702
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) input[type=submit]:not(.clear, .show),
|
|
1703
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) input[type=button]:not(.clear, .show) {
|
|
1762
1704
|
grid-row: 1/2;
|
|
1763
1705
|
grid-column: 2/3;
|
|
1764
1706
|
width: 100%;
|
|
@@ -1770,8 +1712,8 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
|
|
|
1770
1712
|
overflow: hidden;
|
|
1771
1713
|
display: inline-block;
|
|
1772
1714
|
}
|
|
1773
|
-
.semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) label:nth-of-type(2),
|
|
1774
|
-
.semanticForms dl div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) label:not(.floatLabelFormAnimatedLabel) {
|
|
1715
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) label:nth-of-type(2),
|
|
1716
|
+
.semanticForms dl:not(:where(.customLayout, .customLayout *)) div dd:has(input ~ button:not(.clear, .show), input ~ input[type=submit], input ~ input[type=reset], input ~ input[type=button], select ~ button:not(.clear, .show), select ~ input[type=submit], select ~ input[type=reset], select ~ input[type=button]) label:not(.floatLabelFormAnimatedLabel) {
|
|
1775
1717
|
grid-row: 2/3;
|
|
1776
1718
|
grid-column: 1/-1;
|
|
1777
1719
|
}
|
|
@@ -1799,15 +1741,15 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
|
|
|
1799
1741
|
display: flex;
|
|
1800
1742
|
align-items: center;
|
|
1801
1743
|
}
|
|
1802
|
-
.semanticForms div:has(.align-start) {
|
|
1744
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)):has(.align-start) {
|
|
1803
1745
|
display: flex;
|
|
1804
1746
|
justify-content: start;
|
|
1805
1747
|
}
|
|
1806
|
-
.semanticForms div:has(.align-center) {
|
|
1748
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)):has(.align-center) {
|
|
1807
1749
|
display: flex;
|
|
1808
1750
|
justify-content: center;
|
|
1809
1751
|
}
|
|
1810
|
-
.semanticForms div:has(.align-end) {
|
|
1752
|
+
.semanticForms div:not(:where(.customLayout, .customLayout *)):has(.align-end) {
|
|
1811
1753
|
display: flex;
|
|
1812
1754
|
justify-content: end;
|
|
1813
1755
|
}
|
|
@@ -1851,11 +1793,17 @@ table.semanticForms th:last-of-type,
|
|
|
1851
1793
|
table.semanticForms td:last-of-type {
|
|
1852
1794
|
border-right: none;
|
|
1853
1795
|
}
|
|
1854
|
-
.semanticForms table tbody tr:last-
|
|
1855
|
-
table.semanticForms tbody tr:last-
|
|
1856
|
-
table.semanticForms tbody tr:last-
|
|
1796
|
+
.semanticForms table tbody:last-child tr:last-child th, .semanticForms table tbody:last-child tr:last-child td, .semanticForms table tfoot tr:last-child th, .semanticForms table tfoot tr:last-child td,
|
|
1797
|
+
table.semanticForms tbody:last-child tr:last-child th,
|
|
1798
|
+
table.semanticForms tbody:last-child tr:last-child td,
|
|
1799
|
+
table.semanticForms tfoot tr:last-child th,
|
|
1800
|
+
table.semanticForms tfoot tr:last-child td {
|
|
1857
1801
|
border-bottom: none;
|
|
1858
1802
|
}
|
|
1803
|
+
.semanticForms table caption,
|
|
1804
|
+
table.semanticForms caption {
|
|
1805
|
+
padding: 0 3px;
|
|
1806
|
+
}
|
|
1859
1807
|
.semanticForms table menu:has(li > input, li > label, li > button, li > select, li > textarea, li > a),
|
|
1860
1808
|
table.semanticForms menu:has(li > input, li > label, li > button, li > select, li > textarea, li > a) {
|
|
1861
1809
|
width: max-content;
|