-
Notifications
You must be signed in to change notification settings - Fork 4
/
unocss.wxss
32 lines (32 loc) · 2.25 KB
/
unocss.wxss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/* layer: preflights */
page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}
/* layer: default */
@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}
.animate-swing{animation:swing 1s linear 1;transform-origin:top center;}
.animate-iteration-infinite{animation-iteration-count:infinite;}
.px-4{padding-left:32rpx;padding-right:32rpx;}
.py-2{padding-top:16rpx;padding-bottom:16rpx;}
.m-20{margin:160rpx;}
.my-5{margin-top:40rpx;margin-bottom:40rpx;}
.mb-10{margin-bottom:80rpx;}
.mt-2{margin-top:16rpx;}
.bg-green-500{--un-bg-opacity:1;background-color:rgba(34,197,94,var(--un-bg-opacity));}
.bg-hex-81ecec_50{background-color:rgba(129,236,236,0.5);}
.border-10{border-width:10rpx;}
.border-blue{--un-border-opacity:1;border-color:rgba(96,165,250,var(--un-border-opacity));}
.active__border-red:active{--un-border-opacity:1;border-color:rgba(248,113,113,var(--un-border-opacity));}
.rounded-1_2{border-radius:50%;}
.rounded-lg{border-radius:16rpx;}
.border-none{border-style:none;}
.border-solid{border-style:solid;}
.font-semibold{font-weight:600;}
.text-center{text-align:center;}
.text-hex-8e44ad{--un-text-opacity:1;color:rgba(142,68,173,var(--un-text-opacity));}
.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}
.shadow-md{--un-shadow:var(--un-shadow-inset) 0 8rpx 12rpx -2rpx var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 4rpx 8rpx -4rpx var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.flex{display:flex;}
.flex-col{flex-direction:column;}
.h-128{height:128rpx;}
.w-128{width:128rpx;}
.overflow-hidden{overflow:hidden;}
.items-center{align-items:center;}