prewindcss 1.2.7 → 1.2.8
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/README.md +37 -1
- package/package.json +1 -1
- package/prewind.css +57 -0
package/README.md
CHANGED
|
@@ -28,7 +28,7 @@ Create a `styles.css` file that sets up CSS layers, imports your theme and Prewi
|
|
|
28
28
|
@layer reset, styles, prewind;
|
|
29
29
|
|
|
30
30
|
@import url("theme.css");
|
|
31
|
-
@import url("https://unpkg.com/prewindcss@1.2.
|
|
31
|
+
@import url("https://unpkg.com/prewindcss@1.2.8");
|
|
32
32
|
|
|
33
33
|
@layer styles {
|
|
34
34
|
body {
|
|
@@ -221,6 +221,42 @@ Opacity values: `0`, `10`, `20`, `30`, `40`, `50`, `60`, `70`, `80`, `90`, `100`
|
|
|
221
221
|
| `bg-repeat-y` | `background-repeat: repeat-y` |
|
|
222
222
|
| `bg-no-repeat` | `background-repeat: no-repeat` |
|
|
223
223
|
|
|
224
|
+
**Size:**
|
|
225
|
+
|
|
226
|
+
| Class | Property |
|
|
227
|
+
| ------------ | -------------------------- |
|
|
228
|
+
| `bg-cover` | `background-size: cover` |
|
|
229
|
+
| `bg-contain` | `background-size: contain` |
|
|
230
|
+
| `bg-auto` | `background-size: auto` |
|
|
231
|
+
|
|
232
|
+
**Position:**
|
|
233
|
+
|
|
234
|
+
| Class | Property |
|
|
235
|
+
| ----------------- | ----------------------------------- |
|
|
236
|
+
| `bg-center` | `background-position: center` |
|
|
237
|
+
| `bg-top` | `background-position: top` |
|
|
238
|
+
| `bg-bottom` | `background-position: bottom` |
|
|
239
|
+
| `bg-left` | `background-position: left` |
|
|
240
|
+
| `bg-right` | `background-position: right` |
|
|
241
|
+
| `bg-left-top` | `background-position: left top` |
|
|
242
|
+
| `bg-left-bottom` | `background-position: left bottom` |
|
|
243
|
+
| `bg-right-top` | `background-position: right top` |
|
|
244
|
+
| `bg-right-bottom` | `background-position: right bottom` |
|
|
245
|
+
|
|
246
|
+
**Attachment:**
|
|
247
|
+
|
|
248
|
+
| Class | Property |
|
|
249
|
+
| ----------- | ------------------------------- |
|
|
250
|
+
| `bg-fixed` | `background-attachment: fixed` |
|
|
251
|
+
| `bg-local` | `background-attachment: local` |
|
|
252
|
+
| `bg-scroll` | `background-attachment: scroll` |
|
|
253
|
+
|
|
254
|
+
**Clip:**
|
|
255
|
+
|
|
256
|
+
| Class | Property |
|
|
257
|
+
| -------------- | ----------------------- |
|
|
258
|
+
| `bg-clip-text` | `background-clip: text` |
|
|
259
|
+
|
|
224
260
|
### Borders
|
|
225
261
|
|
|
226
262
|
**Width:**
|
package/package.json
CHANGED
package/prewind.css
CHANGED
|
@@ -370,6 +370,63 @@
|
|
|
370
370
|
background-repeat: no-repeat;
|
|
371
371
|
}
|
|
372
372
|
|
|
373
|
+
/* Background Size */
|
|
374
|
+
.bg-cover {
|
|
375
|
+
background-size: cover;
|
|
376
|
+
}
|
|
377
|
+
.bg-contain {
|
|
378
|
+
background-size: contain;
|
|
379
|
+
}
|
|
380
|
+
.bg-auto {
|
|
381
|
+
background-size: auto;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
/* Background Position */
|
|
385
|
+
.bg-center {
|
|
386
|
+
background-position: center;
|
|
387
|
+
}
|
|
388
|
+
.bg-top {
|
|
389
|
+
background-position: top;
|
|
390
|
+
}
|
|
391
|
+
.bg-bottom {
|
|
392
|
+
background-position: bottom;
|
|
393
|
+
}
|
|
394
|
+
.bg-left {
|
|
395
|
+
background-position: left;
|
|
396
|
+
}
|
|
397
|
+
.bg-right {
|
|
398
|
+
background-position: right;
|
|
399
|
+
}
|
|
400
|
+
.bg-left-top {
|
|
401
|
+
background-position: left top;
|
|
402
|
+
}
|
|
403
|
+
.bg-left-bottom {
|
|
404
|
+
background-position: left bottom;
|
|
405
|
+
}
|
|
406
|
+
.bg-right-top {
|
|
407
|
+
background-position: right top;
|
|
408
|
+
}
|
|
409
|
+
.bg-right-bottom {
|
|
410
|
+
background-position: right bottom;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
/* Background Attachment */
|
|
414
|
+
.bg-fixed {
|
|
415
|
+
background-attachment: fixed;
|
|
416
|
+
}
|
|
417
|
+
.bg-local {
|
|
418
|
+
background-attachment: local;
|
|
419
|
+
}
|
|
420
|
+
.bg-scroll {
|
|
421
|
+
background-attachment: scroll;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
/* Background Clip */
|
|
425
|
+
.bg-clip-text {
|
|
426
|
+
-webkit-background-clip: text;
|
|
427
|
+
background-clip: text;
|
|
428
|
+
}
|
|
429
|
+
|
|
373
430
|
/* Colors - Text */
|
|
374
431
|
.text-brand-1 {
|
|
375
432
|
color: var(--brand-1);
|