@coopdigital/styles 1.11.1 → 1.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button.css +1 -1
- package/dist/components/Card.css +1 -1
- package/dist/components/Checkbox.css +1 -1
- package/dist/components/DatePicker.css +1 -1
- package/dist/components/Radio.css +1 -1
- package/dist/components/Searchbox.css +1 -1
- package/dist/components/TextInput.css +1 -1
- package/dist/components.css +1 -1
- package/dist/form.css +1 -1
- package/dist/foundations.css +1 -1
- package/dist/reset.css +1 -1
- package/dist/typography/headings.css +1 -1
- package/dist/typography/links.css +1 -1
- package/dist/typography/text.css +1 -1
- package/dist/typography.css +1 -1
- package/package.json +2 -2
- package/presets/uno/index.js +1 -1
- package/src/components/Button.scss +5 -0
- package/src/components/Card.scss +22 -26
- package/src/components/Checkbox.scss +10 -10
- package/src/components/DatePicker.scss +6 -0
- package/src/components/Radio.scss +9 -8
- package/src/components/Searchbox.scss +7 -6
- package/src/components/TextInput.scss +54 -31
- package/src/form.scss +51 -28
- package/src/reset.scss +9 -4
- package/src/typography/headings.scss +1 -10
- package/src/typography/links.scss +1 -1
- package/src/typography/text.scss +84 -14
package/src/typography/text.scss
CHANGED
|
@@ -139,11 +139,20 @@ kbd {
|
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
.coop-prose {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
142
|
+
--coop-prose-base: 1;
|
|
143
|
+
|
|
144
|
+
max-width: 864px;
|
|
145
|
+
|
|
146
|
+
&[data-spacing="tight"] {
|
|
147
|
+
--coop-prose-base: 0.75;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
&[data-spacing="loose"] {
|
|
151
|
+
--coop-prose-base: 1.75;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
&[data-full] {
|
|
155
|
+
max-width: none;
|
|
147
156
|
}
|
|
148
157
|
|
|
149
158
|
ul {
|
|
@@ -154,20 +163,81 @@ kbd {
|
|
|
154
163
|
list-style: decimal;
|
|
155
164
|
}
|
|
156
165
|
|
|
157
|
-
|
|
158
|
-
margin-
|
|
166
|
+
li:where(:not(:last-child)) {
|
|
167
|
+
margin-bottom: var(--spacing-4);
|
|
159
168
|
}
|
|
160
169
|
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
170
|
+
:where(h1, h2, h3, h4, h5, h6) {
|
|
171
|
+
margin-bottom: calc(0.5em * var(--coop-prose-base));
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
:where(h1, h2) {
|
|
175
|
+
margin-bottom: calc(var(--spacing-12) * var(--coop-prose-base));
|
|
176
|
+
@media (min-width: $mq-md) {
|
|
177
|
+
margin-bottom: calc(var(--spacing-16) * var(--coop-prose-base));
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
:where(h3, h4, h5, h6) {
|
|
182
|
+
margin-bottom: calc(var(--spacing-8) * var(--coop-prose-base));
|
|
183
|
+
@media (min-width: $mq-md) {
|
|
184
|
+
margin-bottom: calc(var(--spacing-12) * var(--coop-prose-base));
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
:where(p, ol, ul, dl):not(:last-child) {
|
|
189
|
+
margin-bottom: calc(var(--spacing-16) * var(--coop-prose-base));
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
:where(p, ol, ul, dl, table) + :where(h1, h2, h3, h4, h5, h6) {
|
|
193
|
+
margin-top: calc(var(--spacing-32) * var(--coop-prose-base));
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
:where(img, figure, picture, blockquote) {
|
|
197
|
+
margin-top: calc(1.25rem * var(--coop-prose-base));
|
|
198
|
+
margin-bottom: calc(1.25rem * var(--coop-prose-base));
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
:where(table) {
|
|
202
|
+
margin-top: calc(1.75rem * var(--coop-prose-base));
|
|
203
|
+
margin-bottom: calc(1.75rem * var(--coop-prose-base));
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
:where(img):has(+ figcaption) {
|
|
207
|
+
margin-bottom: calc(0.5rem * var(--coop-prose-base));
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
@media (min-width: $mq-md) {
|
|
211
|
+
&[data-size="lg"]
|
|
212
|
+
:where(:not(.coop-lead-p, h1, h2, h3, h4, h5, h6, table, caption, figure, figcaption)) {
|
|
213
|
+
font-size: var(--text-size-20);
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
table {
|
|
219
|
+
border-spacing: 0;
|
|
220
|
+
border-collapse: separate;
|
|
221
|
+
width: 100%;
|
|
222
|
+
padding: 0;
|
|
223
|
+
|
|
224
|
+
caption {
|
|
225
|
+
text-align: left;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
td,
|
|
229
|
+
th {
|
|
230
|
+
padding: var(--spacing-12) 0;
|
|
231
|
+
text-align: left;
|
|
232
|
+
vertical-align: top;
|
|
164
233
|
}
|
|
165
234
|
|
|
166
|
-
|
|
167
|
-
|
|
235
|
+
td {
|
|
236
|
+
border-bottom: 1px solid var(--color-grey-400);
|
|
168
237
|
}
|
|
169
238
|
|
|
170
|
-
|
|
171
|
-
|
|
239
|
+
th {
|
|
240
|
+
border-bottom: 2px solid var(--color-grey-600);
|
|
241
|
+
font-weight: 600;
|
|
172
242
|
}
|
|
173
243
|
}
|