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.
@@ -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); }