Follow Me
Css To UnoCss
Enter the css value, such as: width:100rem...
isRem
You can view the currently supported properties in
transform-to-unocss
and experience it.
Already have vite plugin and cli version~
inputs:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<
template
>
<
button
>
button
</
button
>
</
template
>
<
style
scoped
>
button
{
height:
32px
;
display:
flex
;
justify-content:
center
;
align-items:
center
;
font-size:
14px
;
cursor:
pointer
;
user-select:
none
;
padding:
8px
15px
;
border-radius:
4px
;
outputs:
1
2
3
4
5
<
template
>
<
button
h-32px
flex
justify-center
items-center
text-14px
cursor-pointer
select-none
px-15px
py-8px
border-rd-4px
border-none
box-border
text-
#
fff
bg-
#
409eff
m-auto
hover
=
"bg-#67c23a"
>
button
</
button
>
</
template
>
<
style
scoped
></
style
>
render:
button