cleek 2.10.86 → 2.11.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.
Files changed (25) hide show
  1. package/dist/cleek-styles/tiny-tailwind/aspect-ratio.styl +6 -0
  2. package/dist/cleek-styles/tiny-tailwind/bg-color.styl +161 -0
  3. package/dist/cleek-styles/tiny-tailwind/border-color.styl +161 -0
  4. package/dist/cleek-styles/tiny-tailwind/border.styl +63 -0
  5. package/dist/cleek-styles/tiny-tailwind/flex-grow.styl +10 -0
  6. package/dist/cleek-styles/tiny-tailwind/font-size.styl +24 -0
  7. package/dist/cleek-styles/tiny-tailwind/grid.styl +87 -0
  8. package/dist/cleek-styles/tiny-tailwind/height.styl +96 -0
  9. package/dist/cleek-styles/tiny-tailwind/index.styl +23 -0
  10. package/dist/cleek-styles/tiny-tailwind/inset.styl +328 -0
  11. package/dist/cleek-styles/tiny-tailwind/leading.styl +28 -0
  12. package/dist/cleek-styles/tiny-tailwind/object-fit.styl +20 -0
  13. package/dist/cleek-styles/tiny-tailwind/opacity.styl +30 -0
  14. package/dist/cleek-styles/tiny-tailwind/pointer-events.styl +4 -0
  15. package/dist/cleek-styles/tiny-tailwind/shadow.styl +16 -0
  16. package/dist/cleek-styles/tiny-tailwind/size-constraints.styl +127 -0
  17. package/dist/cleek-styles/tiny-tailwind/text-color.styl +159 -0
  18. package/dist/cleek-styles/tiny-tailwind/text-decoration.styl +8 -0
  19. package/dist/cleek-styles/tiny-tailwind/text-overflow.styl +38 -0
  20. package/dist/cleek-styles/tiny-tailwind/text-transform.styl +8 -0
  21. package/dist/cleek-styles/tiny-tailwind/transition.styl +55 -0
  22. package/dist/cleek-styles/tiny-tailwind/user-select.styl +8 -0
  23. package/dist/cleek-styles/tiny-tailwind/visibility.styl +4 -0
  24. package/dist/cleek-styles/tiny-tailwind/z-index.styl +14 -0
  25. package/package.json +1 -1
@@ -0,0 +1,6 @@
1
+ .aspect-auto
2
+ aspect-ratio auto
3
+ .aspect-square
4
+ aspect-ratio 1 / 1
5
+ .aspect-video
6
+ aspect-ratio 16 / 9
@@ -0,0 +1,161 @@
1
+ // Red
2
+ .bg-red-50
3
+ background-color #fef2f2
4
+ .bg-red-100
5
+ background-color #fee2e2
6
+ .bg-red-200
7
+ background-color #fecaca
8
+ .bg-red-300
9
+ background-color #fca5a5
10
+ .bg-red-400
11
+ background-color #f87171
12
+ .bg-red-500
13
+ background-color #ef4444
14
+ .bg-red-600
15
+ background-color #dc2626
16
+ .bg-red-700
17
+ background-color #b91c1c
18
+ .bg-red-800
19
+ background-color #991b1b
20
+ .bg-red-900
21
+ background-color #7f1d1d
22
+
23
+ // Green
24
+ .bg-green-50
25
+ background-color #f0fdf4
26
+ .bg-green-100
27
+ background-color #dcfce7
28
+ .bg-green-200
29
+ background-color #bbf7d0
30
+ .bg-green-300
31
+ background-color #86efac
32
+ .bg-green-400
33
+ background-color #4ade80
34
+ .bg-green-500
35
+ background-color #22c55e
36
+ .bg-green-600
37
+ background-color #16a34a
38
+ .bg-green-700
39
+ background-color #15803d
40
+ .bg-green-800
41
+ background-color #166534
42
+ .bg-green-900
43
+ background-color #14532d
44
+
45
+ // Blue
46
+ .bg-blue-50
47
+ background-color #eff6ff
48
+ .bg-blue-100
49
+ background-color #dbeafe
50
+ .bg-blue-200
51
+ background-color #bfdbfe
52
+ .bg-blue-300
53
+ background-color #93c5fd
54
+ .bg-blue-400
55
+ background-color #60a5fa
56
+ .bg-blue-500
57
+ background-color #3b82f6
58
+ .bg-blue-600
59
+ background-color #2563eb
60
+ .bg-blue-700
61
+ background-color #1d4ed8
62
+ .bg-blue-800
63
+ background-color #1e40af
64
+ .bg-blue-900
65
+ background-color #1e3a8a
66
+
67
+ // Yellow
68
+ .bg-yellow-50
69
+ background-color #fefce8
70
+ .bg-yellow-100
71
+ background-color #fef9c3
72
+ .bg-yellow-200
73
+ background-color #fef08a
74
+ .bg-yellow-300
75
+ background-color #fde047
76
+ .bg-yellow-400
77
+ background-color #facc15
78
+ .bg-yellow-500
79
+ background-color #eab308
80
+ .bg-yellow-600
81
+ background-color #ca8a04
82
+ .bg-yellow-700
83
+ background-color #a16207
84
+ .bg-yellow-800
85
+ background-color #854d0e
86
+ .bg-yellow-900
87
+ background-color #713f12
88
+
89
+ // Orange
90
+ .bg-orange-50
91
+ background-color #fff7ed
92
+ .bg-orange-100
93
+ background-color #ffedd5
94
+ .bg-orange-200
95
+ background-color #fed7aa
96
+ .bg-orange-300
97
+ background-color #fdba74
98
+ .bg-orange-400
99
+ background-color #fb923c
100
+ .bg-orange-500
101
+ background-color #f97316
102
+ .bg-orange-600
103
+ background-color #ea580c
104
+ .bg-orange-700
105
+ background-color #c2410c
106
+ .bg-orange-800
107
+ background-color #9a3412
108
+ .bg-orange-900
109
+ background-color #7c2d12
110
+
111
+ // Purple
112
+ .bg-purple-50
113
+ background-color #faf5ff
114
+ .bg-purple-100
115
+ background-color #f3e8ff
116
+ .bg-purple-200
117
+ background-color #e9d5ff
118
+ .bg-purple-300
119
+ background-color #d8b4fe
120
+ .bg-purple-400
121
+ background-color #c084fc
122
+ .bg-purple-500
123
+ background-color #a855f7
124
+ .bg-purple-600
125
+ background-color #9333ea
126
+ .bg-purple-700
127
+ background-color #7e22ce
128
+ .bg-purple-800
129
+ background-color #6b21a8
130
+ .bg-purple-900
131
+ background-color #581c87
132
+
133
+ // Gray
134
+ .bg-gray-50
135
+ background-color #f9fafb
136
+ .bg-gray-100
137
+ background-color #f3f4f6
138
+ .bg-gray-200
139
+ background-color #e5e7eb
140
+ .bg-gray-300
141
+ background-color #d1d5db
142
+ .bg-gray-400
143
+ background-color #9ca3af
144
+ .bg-gray-500
145
+ background-color #6b7280
146
+ .bg-gray-600
147
+ background-color #4b5563
148
+ .bg-gray-700
149
+ background-color #374151
150
+ .bg-gray-800
151
+ background-color #1f2937
152
+ .bg-gray-900
153
+ background-color #111827
154
+
155
+ // White / Black / Transparent
156
+ .bg-white
157
+ background-color #ffffff
158
+ .bg-black
159
+ background-color #000000
160
+ .bg-transparent
161
+ background-color transparent
@@ -0,0 +1,161 @@
1
+ // Red
2
+ .border-red-50
3
+ border-color #fef2f2
4
+ .border-red-100
5
+ border-color #fee2e2
6
+ .border-red-200
7
+ border-color #fecaca
8
+ .border-red-300
9
+ border-color #fca5a5
10
+ .border-red-400
11
+ border-color #f87171
12
+ .border-red-500
13
+ border-color #ef4444
14
+ .border-red-600
15
+ border-color #dc2626
16
+ .border-red-700
17
+ border-color #b91c1c
18
+ .border-red-800
19
+ border-color #991b1b
20
+ .border-red-900
21
+ border-color #7f1d1d
22
+
23
+ // Green
24
+ .border-green-50
25
+ border-color #f0fdf4
26
+ .border-green-100
27
+ border-color #dcfce7
28
+ .border-green-200
29
+ border-color #bbf7d0
30
+ .border-green-300
31
+ border-color #86efac
32
+ .border-green-400
33
+ border-color #4ade80
34
+ .border-green-500
35
+ border-color #22c55e
36
+ .border-green-600
37
+ border-color #16a34a
38
+ .border-green-700
39
+ border-color #15803d
40
+ .border-green-800
41
+ border-color #166534
42
+ .border-green-900
43
+ border-color #14532d
44
+
45
+ // Blue
46
+ .border-blue-50
47
+ border-color #eff6ff
48
+ .border-blue-100
49
+ border-color #dbeafe
50
+ .border-blue-200
51
+ border-color #bfdbfe
52
+ .border-blue-300
53
+ border-color #93c5fd
54
+ .border-blue-400
55
+ border-color #60a5fa
56
+ .border-blue-500
57
+ border-color #3b82f6
58
+ .border-blue-600
59
+ border-color #2563eb
60
+ .border-blue-700
61
+ border-color #1d4ed8
62
+ .border-blue-800
63
+ border-color #1e40af
64
+ .border-blue-900
65
+ border-color #1e3a8a
66
+
67
+ // Yellow
68
+ .border-yellow-50
69
+ border-color #fefce8
70
+ .border-yellow-100
71
+ border-color #fef9c3
72
+ .border-yellow-200
73
+ border-color #fef08a
74
+ .border-yellow-300
75
+ border-color #fde047
76
+ .border-yellow-400
77
+ border-color #facc15
78
+ .border-yellow-500
79
+ border-color #eab308
80
+ .border-yellow-600
81
+ border-color #ca8a04
82
+ .border-yellow-700
83
+ border-color #a16207
84
+ .border-yellow-800
85
+ border-color #854d0e
86
+ .border-yellow-900
87
+ border-color #713f12
88
+
89
+ // Orange
90
+ .border-orange-50
91
+ border-color #fff7ed
92
+ .border-orange-100
93
+ border-color #ffedd5
94
+ .border-orange-200
95
+ border-color #fed7aa
96
+ .border-orange-300
97
+ border-color #fdba74
98
+ .border-orange-400
99
+ border-color #fb923c
100
+ .border-orange-500
101
+ border-color #f97316
102
+ .border-orange-600
103
+ border-color #ea580c
104
+ .border-orange-700
105
+ border-color #c2410c
106
+ .border-orange-800
107
+ border-color #9a3412
108
+ .border-orange-900
109
+ border-color #7c2d12
110
+
111
+ // Purple
112
+ .border-purple-50
113
+ border-color #faf5ff
114
+ .border-purple-100
115
+ border-color #f3e8ff
116
+ .border-purple-200
117
+ border-color #e9d5ff
118
+ .border-purple-300
119
+ border-color #d8b4fe
120
+ .border-purple-400
121
+ border-color #c084fc
122
+ .border-purple-500
123
+ border-color #a855f7
124
+ .border-purple-600
125
+ border-color #9333ea
126
+ .border-purple-700
127
+ border-color #7e22ce
128
+ .border-purple-800
129
+ border-color #6b21a8
130
+ .border-purple-900
131
+ border-color #581c87
132
+
133
+ // Gray
134
+ .border-gray-50
135
+ border-color #f9fafb
136
+ .border-gray-100
137
+ border-color #f3f4f6
138
+ .border-gray-200
139
+ border-color #e5e7eb
140
+ .border-gray-300
141
+ border-color #d1d5db
142
+ .border-gray-400
143
+ border-color #9ca3af
144
+ .border-gray-500
145
+ border-color #6b7280
146
+ .border-gray-600
147
+ border-color #4b5563
148
+ .border-gray-700
149
+ border-color #374151
150
+ .border-gray-800
151
+ border-color #1f2937
152
+ .border-gray-900
153
+ border-color #111827
154
+
155
+ // White / Black / Transparent
156
+ .border-white
157
+ border-color #ffffff
158
+ .border-black
159
+ border-color #000000
160
+ .border-transparent
161
+ border-color transparent
@@ -0,0 +1,63 @@
1
+ // Border width
2
+ .border
3
+ border-width 1px
4
+ border-style solid
5
+ border-color #e5e7eb
6
+ .border-0
7
+ border-width 0px
8
+ .border-2
9
+ border-width 2px
10
+ border-style solid
11
+ border-color #e5e7eb
12
+ .border-t
13
+ border-top-width 1px
14
+ border-top-style solid
15
+ border-top-color #e5e7eb
16
+ .border-b
17
+ border-bottom-width 1px
18
+ border-bottom-style solid
19
+ border-bottom-color #e5e7eb
20
+ .border-l
21
+ border-left-width 1px
22
+ border-left-style solid
23
+ border-left-color #e5e7eb
24
+ .border-r
25
+ border-right-width 1px
26
+ border-right-style solid
27
+ border-right-color #e5e7eb
28
+
29
+ // Border radius
30
+ .rounded-none
31
+ border-radius 0px
32
+ .rounded-sm
33
+ border-radius 0.125rem
34
+ .rounded
35
+ border-radius 0.25rem
36
+ .rounded-md
37
+ border-radius 0.375rem
38
+ .rounded-lg
39
+ border-radius 0.5rem
40
+ .rounded-xl
41
+ border-radius 0.75rem
42
+ .rounded-2xl
43
+ border-radius 1rem
44
+ .rounded-full
45
+ border-radius 9999px
46
+
47
+ // Overflow
48
+ .overflow-hidden
49
+ overflow hidden
50
+ .overflow-auto
51
+ overflow auto
52
+ .overflow-scroll
53
+ overflow scroll
54
+ .overflow-visible
55
+ overflow visible
56
+ .overflow-x-hidden
57
+ overflow-x hidden
58
+ .overflow-x-auto
59
+ overflow-x auto
60
+ .overflow-y-hidden
61
+ overflow-y hidden
62
+ .overflow-y-auto
63
+ overflow-y auto
@@ -0,0 +1,10 @@
1
+ .flex-1
2
+ flex 1 1 0%
3
+ .flex-auto
4
+ flex 1 1 auto
5
+ .flex-none
6
+ flex none
7
+ .grow
8
+ flex-grow 1
9
+ .grow-0
10
+ flex-grow 0
@@ -0,0 +1,24 @@
1
+ .text-xs
2
+ font-size 0.75rem
3
+ line-height 1rem
4
+ .text-sm
5
+ font-size 0.875rem
6
+ line-height 1.25rem
7
+ .text-base
8
+ font-size 1rem
9
+ line-height 1.5rem
10
+ .text-lg
11
+ font-size 1.125rem
12
+ line-height 1.75rem
13
+ .text-xl
14
+ font-size 1.25rem
15
+ line-height 1.75rem
16
+ .text-2xl
17
+ font-size 1.5rem
18
+ line-height 2rem
19
+ .text-3xl
20
+ font-size 1.875rem
21
+ line-height 2.25rem
22
+ .text-4xl
23
+ font-size 2.25rem
24
+ line-height 2.5rem
@@ -0,0 +1,87 @@
1
+ // Grid template columns
2
+ .grid-cols-1
3
+ grid-template-columns repeat(1, minmax(0, 1fr))
4
+ .grid-cols-2
5
+ grid-template-columns repeat(2, minmax(0, 1fr))
6
+ .grid-cols-3
7
+ grid-template-columns repeat(3, minmax(0, 1fr))
8
+ .grid-cols-4
9
+ grid-template-columns repeat(4, minmax(0, 1fr))
10
+ .grid-cols-5
11
+ grid-template-columns repeat(5, minmax(0, 1fr))
12
+ .grid-cols-6
13
+ grid-template-columns repeat(6, minmax(0, 1fr))
14
+ .grid-cols-7
15
+ grid-template-columns repeat(7, minmax(0, 1fr))
16
+ .grid-cols-8
17
+ grid-template-columns repeat(8, minmax(0, 1fr))
18
+ .grid-cols-9
19
+ grid-template-columns repeat(9, minmax(0, 1fr))
20
+ .grid-cols-10
21
+ grid-template-columns repeat(10, minmax(0, 1fr))
22
+ .grid-cols-11
23
+ grid-template-columns repeat(11, minmax(0, 1fr))
24
+ .grid-cols-12
25
+ grid-template-columns repeat(12, minmax(0, 1fr))
26
+ .grid-cols-none
27
+ grid-template-columns none
28
+
29
+ // Grid template rows
30
+ .grid-rows-1
31
+ grid-template-rows repeat(1, minmax(0, 1fr))
32
+ .grid-rows-2
33
+ grid-template-rows repeat(2, minmax(0, 1fr))
34
+ .grid-rows-3
35
+ grid-template-rows repeat(3, minmax(0, 1fr))
36
+ .grid-rows-4
37
+ grid-template-rows repeat(4, minmax(0, 1fr))
38
+ .grid-rows-5
39
+ grid-template-rows repeat(5, minmax(0, 1fr))
40
+ .grid-rows-6
41
+ grid-template-rows repeat(6, minmax(0, 1fr))
42
+ .grid-rows-none
43
+ grid-template-rows none
44
+
45
+ // Column span
46
+ .col-span-1
47
+ grid-column span 1 / span 1
48
+ .col-span-2
49
+ grid-column span 2 / span 2
50
+ .col-span-3
51
+ grid-column span 3 / span 3
52
+ .col-span-4
53
+ grid-column span 4 / span 4
54
+ .col-span-5
55
+ grid-column span 5 / span 5
56
+ .col-span-6
57
+ grid-column span 6 / span 6
58
+ .col-span-7
59
+ grid-column span 7 / span 7
60
+ .col-span-8
61
+ grid-column span 8 / span 8
62
+ .col-span-9
63
+ grid-column span 9 / span 9
64
+ .col-span-10
65
+ grid-column span 10 / span 10
66
+ .col-span-11
67
+ grid-column span 11 / span 11
68
+ .col-span-12
69
+ grid-column span 12 / span 12
70
+ .col-span-full
71
+ grid-column 1 / -1
72
+
73
+ // Row span
74
+ .row-span-1
75
+ grid-row span 1 / span 1
76
+ .row-span-2
77
+ grid-row span 2 / span 2
78
+ .row-span-3
79
+ grid-row span 3 / span 3
80
+ .row-span-4
81
+ grid-row span 4 / span 4
82
+ .row-span-5
83
+ grid-row span 5 / span 5
84
+ .row-span-6
85
+ grid-row span 6 / span 6
86
+ .row-span-full
87
+ grid-row 1 / -1
@@ -0,0 +1,96 @@
1
+ .h-0
2
+ height 0px
3
+ .h-px
4
+ height 1px
5
+ .h-0.5
6
+ height 0.125rem
7
+ .h-1
8
+ height 0.25rem
9
+ .h-1.5
10
+ height 0.375rem
11
+ .h-2
12
+ height 0.5rem
13
+ .h-2.5
14
+ height 0.625rem
15
+ .h-3
16
+ height 0.75rem
17
+ .h-3.5
18
+ height 0.875rem
19
+ .h-4
20
+ height 1rem
21
+ .h-5
22
+ height 1.25rem
23
+ .h-6
24
+ height 1.5rem
25
+ .h-7
26
+ height 1.75rem
27
+ .h-8
28
+ height 2rem
29
+ .h-9
30
+ height 2.25rem
31
+ .h-10
32
+ height 2.5rem
33
+ .h-11
34
+ height 2.75rem
35
+ .h-12
36
+ height 3rem
37
+ .h-14
38
+ height 3.5rem
39
+ .h-16
40
+ height 4rem
41
+ .h-20
42
+ height 5rem
43
+ .h-24
44
+ height 6rem
45
+ .h-28
46
+ height 7rem
47
+ .h-32
48
+ height 8rem
49
+ .h-36
50
+ height 9rem
51
+ .h-40
52
+ height 10rem
53
+ .h-44
54
+ height 11rem
55
+ .h-48
56
+ height 12rem
57
+ .h-52
58
+ height 13rem
59
+ .h-56
60
+ height 14rem
61
+ .h-60
62
+ height 15rem
63
+ .h-64
64
+ height 16rem
65
+ .h-72
66
+ height 18rem
67
+ .h-80
68
+ height 20rem
69
+ .h-96
70
+ height 24rem
71
+ .h-1_2
72
+ height 50%
73
+ .h-1_3
74
+ height 33.333333%
75
+ .h-2_3
76
+ height 66.666667%
77
+ .h-1_4
78
+ height 25%
79
+ .h-3_4
80
+ height 75%
81
+ .h-auto
82
+ height auto
83
+ .h-full
84
+ height 100%
85
+ .h-screen
86
+ height 100vh
87
+ .h-svh
88
+ height 100svh
89
+ .h-dvh
90
+ height 100dvh
91
+ .h-min
92
+ height min-content
93
+ .h-max
94
+ height max-content
95
+ .h-fit
96
+ height fit-content
@@ -1,16 +1,39 @@
1
1
  @import './.custom'
2
2
  @import './align-items'
3
+ @import './aspect-ratio'
4
+ @import './bg-color'
5
+ @import './border'
6
+ @import './border-color'
3
7
  @import './cursor'
4
8
  @import './display'
5
9
  @import './flex-direction'
10
+ @import './flex-grow'
6
11
  @import './flex-shrink'
7
12
  @import './flex-wrap'
13
+ @import './font-size'
8
14
  @import './font-weight'
9
15
  @import './gap'
16
+ @import './grid'
17
+ @import './height'
18
+ @import './inset'
10
19
  @import './justify-content'
20
+ @import './leading'
11
21
  @import './margin'
22
+ @import './object-fit'
23
+ @import './opacity'
12
24
  @import './padding'
25
+ @import './pointer-events'
13
26
  @import './position'
27
+ @import './shadow'
28
+ @import './size-constraints'
14
29
  @import './text-align'
30
+ @import './text-color'
31
+ @import './text-decoration'
32
+ @import './text-overflow'
33
+ @import './text-transform'
34
+ @import './transition'
35
+ @import './user-select'
36
+ @import './visibility'
15
37
  @import './whitespace'
16
38
  @import './width'
39
+ @import './z-index'