santycss 2.5.0 → 2.6.1
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 +60 -2
- package/dist/santy-animations.css +4 -1
- package/dist/santy-borders.css +243 -0
- package/dist/santy-colors.css +1569 -0
- package/dist/santy-components.css +229 -0
- package/dist/santy-core.css +30 -0
- package/dist/santy-effects.css +283 -0
- package/dist/santy-flex.css +91 -0
- package/dist/santy-grid.css +56 -0
- package/dist/santy-layout.css +1001 -0
- package/dist/santy-reset.css +42 -0
- package/dist/santy-sizing.css +243 -0
- package/dist/santy-spacing.css +640 -0
- package/dist/santy-start.css +258 -0
- package/dist/santy-typography.css +161 -0
- package/dist/santy.css +38 -0
- package/index.js +40 -19
- package/package.json +11 -1
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
/* SantyCSS — flex module
|
|
2
|
+
Import individually to reduce bundle size.
|
|
3
|
+
https://santycss.santy.in */
|
|
4
|
+
|
|
5
|
+
/* ── Flex Direction ── */
|
|
6
|
+
.flex-row { flex-direction: row; }
|
|
7
|
+
.flex-row-reverse { flex-direction: row-reverse; }
|
|
8
|
+
.flex-column { flex-direction: column; }
|
|
9
|
+
.flex-column-reverse { flex-direction: column-reverse; }
|
|
10
|
+
|
|
11
|
+
/* ── Flex Wrap ── */
|
|
12
|
+
.flex-wrap { flex-wrap: wrap; }
|
|
13
|
+
.flex-wrap-reverse{ flex-wrap: wrap-reverse; }
|
|
14
|
+
.flex-nowrap { flex-wrap: nowrap; }
|
|
15
|
+
|
|
16
|
+
/* ── Flex Grow / Shrink / None ── */
|
|
17
|
+
.flex-grow { flex-grow: 1; }
|
|
18
|
+
.flex-grow-none { flex-grow: 0; }
|
|
19
|
+
.flex-shrink { flex-shrink: 1; }
|
|
20
|
+
.flex-shrink-none { flex-shrink: 0; }
|
|
21
|
+
.flex-auto { flex: 1 1 auto; }
|
|
22
|
+
.flex-initial { flex: 0 1 auto; }
|
|
23
|
+
.flex-none { flex: none; }
|
|
24
|
+
.flex-equal { flex: 1; }
|
|
25
|
+
|
|
26
|
+
/* ── Align Items ── */
|
|
27
|
+
.align-start { align-items: flex-start; }
|
|
28
|
+
.align-end { align-items: flex-end; }
|
|
29
|
+
.align-center { align-items: center; }
|
|
30
|
+
.align-stretch { align-items: stretch; }
|
|
31
|
+
.align-baseline { align-items: baseline; }
|
|
32
|
+
|
|
33
|
+
/* ── Align Self ── */
|
|
34
|
+
.self-start { align-self: flex-start; }
|
|
35
|
+
.self-end { align-self: flex-end; }
|
|
36
|
+
.self-center { align-self: center; }
|
|
37
|
+
.self-stretch { align-self: stretch; }
|
|
38
|
+
.self-baseline { align-self: baseline; }
|
|
39
|
+
.self-auto { align-self: auto; }
|
|
40
|
+
|
|
41
|
+
/* ── Align Content ── */
|
|
42
|
+
.content-start { align-content: flex-start; }
|
|
43
|
+
.content-end { align-content: flex-end; }
|
|
44
|
+
.content-center { align-content: center; }
|
|
45
|
+
.content-stretch { align-content: stretch; }
|
|
46
|
+
.content-between { align-content: space-between; }
|
|
47
|
+
.content-around { align-content: space-around; }
|
|
48
|
+
.content-evenly { align-content: space-evenly; }
|
|
49
|
+
|
|
50
|
+
/* ── Justify Content ── */
|
|
51
|
+
.justify-start { justify-content: flex-start; }
|
|
52
|
+
.justify-end { justify-content: flex-end; }
|
|
53
|
+
.justify-center { justify-content: center; }
|
|
54
|
+
.justify-between { justify-content: space-between; }
|
|
55
|
+
.justify-around { justify-content: space-around; }
|
|
56
|
+
.justify-evenly { justify-content: space-evenly; }
|
|
57
|
+
|
|
58
|
+
/* ── Justify Items ── */
|
|
59
|
+
.justify-items-start { justify-items: start; }
|
|
60
|
+
.justify-items-end { justify-items: end; }
|
|
61
|
+
.justify-items-center { justify-items: center; }
|
|
62
|
+
.justify-items-stretch { justify-items: stretch; }
|
|
63
|
+
|
|
64
|
+
/* ── Justify Self ── */
|
|
65
|
+
.justify-self-start { justify-self: start; }
|
|
66
|
+
.justify-self-end { justify-self: end; }
|
|
67
|
+
.justify-self-center { justify-self: center; }
|
|
68
|
+
.justify-self-stretch { justify-self: stretch; }
|
|
69
|
+
.justify-self-auto { justify-self: auto; }
|
|
70
|
+
|
|
71
|
+
/* ── Place Content / Items / Self ── */
|
|
72
|
+
.place-center { place-items: center; place-content: center; }
|
|
73
|
+
.place-stretch { place-items: stretch; }
|
|
74
|
+
|
|
75
|
+
/* ── Order ── */
|
|
76
|
+
.order-first { order: -9999; }
|
|
77
|
+
.order-last { order: 9999; }
|
|
78
|
+
.order-none { order: 0; }
|
|
79
|
+
|
|
80
|
+
.order-1 { order: 1; }
|
|
81
|
+
.order-2 { order: 2; }
|
|
82
|
+
.order-3 { order: 3; }
|
|
83
|
+
.order-4 { order: 4; }
|
|
84
|
+
.order-5 { order: 5; }
|
|
85
|
+
.order-6 { order: 6; }
|
|
86
|
+
.order-7 { order: 7; }
|
|
87
|
+
.order-8 { order: 8; }
|
|
88
|
+
.order-9 { order: 9; }
|
|
89
|
+
.order-10 { order: 10; }
|
|
90
|
+
.order-11 { order: 11; }
|
|
91
|
+
.order-12 { order: 12; }
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/* SantyCSS — grid module
|
|
2
|
+
Import individually to reduce bundle size.
|
|
3
|
+
https://santycss.santy.in */
|
|
4
|
+
|
|
5
|
+
/* ── Grid Template Columns ── */
|
|
6
|
+
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
|
|
7
|
+
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
8
|
+
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
|
9
|
+
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
|
|
10
|
+
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
|
|
11
|
+
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
|
|
12
|
+
.grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
|
|
13
|
+
.grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
|
|
14
|
+
.grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
|
|
15
|
+
.grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
|
|
16
|
+
.grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
|
|
17
|
+
.grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
|
|
18
|
+
.grid-cols-none { grid-template-columns: none; }
|
|
19
|
+
|
|
20
|
+
/* ── Grid Template Rows ── */
|
|
21
|
+
.grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
|
|
22
|
+
.grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
|
|
23
|
+
.grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
|
|
24
|
+
.grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
|
|
25
|
+
.grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
|
|
26
|
+
.grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
|
|
27
|
+
|
|
28
|
+
/* ── Grid Column / Row Span ── */
|
|
29
|
+
.span-col-1 { grid-column: span 1 / span 1; }
|
|
30
|
+
.span-col-2 { grid-column: span 2 / span 2; }
|
|
31
|
+
.span-col-3 { grid-column: span 3 / span 3; }
|
|
32
|
+
.span-col-4 { grid-column: span 4 / span 4; }
|
|
33
|
+
.span-col-5 { grid-column: span 5 / span 5; }
|
|
34
|
+
.span-col-6 { grid-column: span 6 / span 6; }
|
|
35
|
+
.span-col-7 { grid-column: span 7 / span 7; }
|
|
36
|
+
.span-col-8 { grid-column: span 8 / span 8; }
|
|
37
|
+
.span-col-9 { grid-column: span 9 / span 9; }
|
|
38
|
+
.span-col-10 { grid-column: span 10 / span 10; }
|
|
39
|
+
.span-col-11 { grid-column: span 11 / span 11; }
|
|
40
|
+
.span-col-12 { grid-column: span 12 / span 12; }
|
|
41
|
+
.span-row-1 { grid-row: span 1 / span 1; }
|
|
42
|
+
.span-row-2 { grid-row: span 2 / span 2; }
|
|
43
|
+
.span-row-3 { grid-row: span 3 / span 3; }
|
|
44
|
+
.span-row-4 { grid-row: span 4 / span 4; }
|
|
45
|
+
.span-row-5 { grid-row: span 5 / span 5; }
|
|
46
|
+
.span-row-6 { grid-row: span 6 / span 6; }
|
|
47
|
+
.span-col-full { grid-column: 1 / -1; }
|
|
48
|
+
.span-row-full { grid-row: 1 / -1; }
|
|
49
|
+
|
|
50
|
+
/* ── Grid Auto Flow ── */
|
|
51
|
+
.grid-flow-row { grid-auto-flow: row; }
|
|
52
|
+
.grid-flow-col { grid-auto-flow: column; }
|
|
53
|
+
.grid-flow-dense { grid-auto-flow: dense; }
|
|
54
|
+
.grid-auto-cols-min { grid-auto-columns: min-content; }
|
|
55
|
+
.grid-auto-cols-max { grid-auto-columns: max-content; }
|
|
56
|
+
.grid-auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
|