Skip to content

Commit c60079a

Browse files
committed
fix: use aspect-[1/1] for better compatibility with older Tailwind setups
1 parent 9b8a9b0 commit c60079a

File tree

9 files changed

+23
-23
lines changed

9 files changed

+23
-23
lines changed

src/families/box.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ export default {
2424
block
2525
text-$scale(1,*)
2626
w-[1em]
27-
aspect-square
27+
aspect-[1/1]
2828
border
2929
border-$colorTemperature-$borderShadeLightMode
3030
text-transparent

src/families/dropdown.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -228,7 +228,7 @@ export default {
228228
bg-$accentColor-$baseColorShade
229229
text-white
230230
[&>[type=button]]:!w-[0.5em]
231-
[&>[type=button]]:aspect-square
231+
[&>[type=button]]:aspect-[1/1]
232232
[&>[type=button]]:!text-inherit
233233
[&>[type=button]]:cursor-pointer
234234
group-data-[active-selection=true]/tag:bg-$accentColor-$baseColorShade(-2,*)

src/inputs/addon/barcode.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ export default {
2020
`,
2121
video: `
2222
w-full
23-
aspect-square
23+
aspect-[1/1]
2424
object-cover
2525
block
2626
pointer-events-none
@@ -47,7 +47,7 @@ export default {
4747
top-1/2
4848
left-1/2
4949
w-[min(20em,75%)]
50-
aspect-square
50+
aspect-[1/1]
5151
-translate-x-1/2
5252
-translate-y-1/2
5353
$radius(0,rounded-none,rounded-xl)

src/inputs/addon/multi-step.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ export const multiStep = {
116116
flex
117117
items-center
118118
justify-center
119-
aspect-square
119+
aspect-[1/1]
120120
[line-height:1.25rem]
121121
text-white
122122
rounded-full

src/inputs/pro/colorpicker.ts

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ export default {
4444
canvasSwatchPreview: `
4545
text-$scale
4646
$radius
47-
aspect-square
47+
aspect-[1/1]
4848
shrink-0
4949
grow
5050
!w-[1.5em]
@@ -116,12 +116,12 @@ export default {
116116
`,
117117
closeIcon: `
118118
w-[2rem]
119-
aspect-square
119+
aspect-[1/1]
120120
p-1
121121
$radius
122122
border
123123
[&>svg]:w-full
124-
[&>svg]:aspect-square
124+
[&>svg]:aspect-[1/1]
125125
[&>svg]:max-w-none
126126
[&>svg]:max-h-none
127127
`,
@@ -155,7 +155,7 @@ export default {
155155
after:$radius
156156
relative
157157
inline-flex
158-
aspect-square
158+
aspect-[1/1]
159159
overflow-hidden
160160
[grid-area:b]
161161
mr-$spacing
@@ -189,7 +189,7 @@ export default {
189189
self-center
190190
justify-center
191191
justify-self-center
192-
aspect-square
192+
aspect-[1/1]
193193
$radius(0,rounded-none,rounded-2xl)
194194
border
195195
border-$colorTemperature-$borderShadeLightMode(-1)
@@ -387,7 +387,7 @@ export default {
387387
${"" /* canvas styles */}
388388
[&>canvas]:block
389389
[&>canvas]:w-full
390-
[&>canvas]:aspect-square
390+
[&>canvas]:aspect-[1/1]
391391
[&>canvas]:$swatchRadius
392392
[&>canvas:focus-visible]:outline-none
393393
[&>canvas:focus-visible]:ring-2

src/inputs/pro/datepicker.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ export default {
5757
[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:group-data-[panel=month]/panel:grid-cols-[2.5em_1fr_2.5em]
5858
`,
5959
panelClose: `
60-
aspect-square
60+
aspect-[1/1]
6161
border
6262
border-$colorTemperature-$borderShadeLightMode(-1)
6363
$radius

src/inputs/pro/repeater.ts

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ export default {
4141
justify-center
4242
bg-$colorTemperature-50
4343
p-$spacing
44-
[&>li]:aspect-square
44+
[&>li]:aspect-[1/1]
4545
dark:bg-$colorTemperature-800
4646
$radius(0,rounded-none,rounded-2xl)
4747
rounded-tl-none
@@ -56,7 +56,7 @@ export default {
5656
items-center
5757
appearance-none
5858
justify-center
59-
aspect-square
59+
aspect-[1/1]
6060
text-$colorTemperature-500
6161
hover:text-$accentColor-$baseColorShade
6262
disabled:hover:text-inherit
@@ -75,7 +75,7 @@ export default {
7575
items-center
7676
appearance-none
7777
justify-center
78-
aspect-square
78+
aspect-[1/1]
7979
text-$colorTemperature-500
8080
hover:text-$accentColor-$baseColorShade
8181
disabled:hover:text-inherit
@@ -94,7 +94,7 @@ export default {
9494
items-center
9595
appearance-none
9696
justify-center
97-
aspect-square
97+
aspect-[1/1]
9898
text-$colorTemperature-500
9999
hover:text-$accentColor-$baseColorShade
100100
disabled:hover:text-inherit
@@ -113,7 +113,7 @@ export default {
113113
items-center
114114
appearance-none
115115
justify-center
116-
aspect-square
116+
aspect-[1/1]
117117
text-$colorTemperature-500
118118
hover:text-$accentColor-$baseColorShade
119119
disabled:hover:text-inherit
@@ -175,21 +175,21 @@ export default {
175175
moveDownIcon: `
176176
block
177177
w-[0.75em]
178-
aspect-square
178+
aspect-[1/1]
179179
`,
180180
moveUpIcon: `
181181
block
182182
w-[0.75em]
183-
aspect-square
183+
aspect-[1/1]
184184
`,
185185
removeIcon: `
186186
block
187187
w-[1.25em]
188-
aspect-square
188+
aspect-[1/1]
189189
`,
190190
addIcon: `
191191
block
192192
w-[1.25em]
193-
aspect-square
193+
aspect-[1/1]
194194
`,
195195
};

src/inputs/pro/toggle.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ export default {
4343
relative
4444
p-0.5
4545
left-0
46-
aspect-square
46+
aspect-[1/1]
4747
rounded-full
4848
transition-all
4949
w-[1.25em]

src/inputs/range.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export default {
2222
${"" /* webkit styles - thumb */}
2323
[&::-webkit-slider-thumb]:appearance-none
2424
[&::-webkit-slider-thumb]:w-[0.85em]
25-
[&::-webkit-slider-thumb]:aspect-square
25+
[&::-webkit-slider-thumb]:aspect-[1/1]
2626
[&::-webkit-slider-thumb]:bg-$accentColor-$baseColorShade
2727
[&::-webkit-slider-thumb]:rounded-full
2828
[&::-webkit-slider-thumb]:relative

0 commit comments

Comments
 (0)