88 lines
6.2 KiB
CSS
88 lines
6.2 KiB
CSS
|
/* layer: preflights */
|
||
|
|
*,::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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y: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: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y: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: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
|
||
|
|
/* layer: shortcuts */
|
||
|
|
.container{width:100%;}
|
||
|
|
@media (min-width: 640px){
|
||
|
|
.container{max-width:640px;}
|
||
|
|
}
|
||
|
|
@media (min-width: 768px){
|
||
|
|
.container{max-width:768px;}
|
||
|
|
}
|
||
|
|
@media (min-width: 1024px){
|
||
|
|
.container{max-width:1024px;}
|
||
|
|
}
|
||
|
|
@media (min-width: 1280px){
|
||
|
|
.container{max-width:1280px;}
|
||
|
|
}
|
||
|
|
@media (min-width: 1536px){
|
||
|
|
.container{max-width:1536px;}
|
||
|
|
}
|
||
|
|
/* layer: default */
|
||
|
|
.visible{visibility:visible;}
|
||
|
|
.absolute{position:absolute;}
|
||
|
|
.fixed{position:fixed;}
|
||
|
|
.relative{position:relative;}
|
||
|
|
.sticky{position:sticky;}
|
||
|
|
.static{position:static;}
|
||
|
|
.grid{display:grid;}
|
||
|
|
.ma-0{margin:0;}
|
||
|
|
.me{margin-inline-end:1rem;}
|
||
|
|
.mr-1rem{margin-right:1rem;}
|
||
|
|
.ms{margin-inline-start:1rem;}
|
||
|
|
.mt-1rem{margin-top:1rem;}
|
||
|
|
.inline{display:inline;}
|
||
|
|
.block{display:block;}
|
||
|
|
.inline-block{display:inline-block;}
|
||
|
|
.hidden{display:none;}
|
||
|
|
.h-4rem{height:4rem;}
|
||
|
|
.h4{height:1rem;}
|
||
|
|
.w-4rem{width:4rem;}
|
||
|
|
.w-96px{width:96px;}
|
||
|
|
.w-full{width:100%;}
|
||
|
|
.flex{display:flex;}
|
||
|
|
.flex-1{flex:1 1 0%;}
|
||
|
|
.flex-col{flex-direction:column;}
|
||
|
|
.table{display:table;}
|
||
|
|
.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
||
|
|
.resize{resize:both;}
|
||
|
|
.items-center{align-items:center;}
|
||
|
|
.b,
|
||
|
|
.border,
|
||
|
|
.border-px{border-width:1px;}
|
||
|
|
.border-4{border-width:4px;}
|
||
|
|
.border-gray-100{--un-border-opacity:1;border-color:rgba(243,244,246,var(--un-border-opacity));}
|
||
|
|
.border-white{--un-border-opacity:1;border-color:rgba(255,255,255,var(--un-border-opacity));}
|
||
|
|
.rounded{border-radius:0.25rem;}
|
||
|
|
.rounded-lg{border-radius:0.5rem;}
|
||
|
|
.border-none{border-style:none;}
|
||
|
|
.border-solid{border-style:solid;}
|
||
|
|
.bg-\#fff\/72{background-color:rgba(255,255,255,0.72);}
|
||
|
|
.bg-white{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}
|
||
|
|
.bg-zinc-50{--un-bg-opacity:1;background-color:rgba(250,250,250,var(--un-bg-opacity));}
|
||
|
|
.bg-\[url\(\.\.\/img\/userPanelBg\.png\)\]{--un-url:url(../img/userPanelBg.png);background-image:var(--un-url);}
|
||
|
|
.bg-cover{background-size:cover;}
|
||
|
|
.p-12px{padding:12px;}
|
||
|
|
.pa-0{padding:0;}
|
||
|
|
.px{padding-left:1rem;padding-right:1rem;}
|
||
|
|
.px-\[24px\]{padding-left:24px;padding-right:24px;}
|
||
|
|
.px-12px{padding-left:12px;padding-right:12px;}
|
||
|
|
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
|
||
|
|
.py-24px{padding-top:24px;padding-bottom:24px;}
|
||
|
|
.pb{padding-bottom:1rem;}
|
||
|
|
.pt{padding-top:1rem;}
|
||
|
|
.text-center{text-align:center;}
|
||
|
|
.text-left{text-align:left;}
|
||
|
|
.text-right{text-align:right;}
|
||
|
|
.text-\.65rem{font-size:0.65rem;}
|
||
|
|
.color-gray,
|
||
|
|
.text-gray{--un-text-opacity:1;color:rgba(156,163,175,var(--un-text-opacity));}
|
||
|
|
.text-gray-600{--un-text-opacity:1;color:rgba(75,85,99,var(--un-text-opacity));}
|
||
|
|
.text-orange{--un-text-opacity:1;color:rgba(251,146,60,var(--un-text-opacity));}
|
||
|
|
.text-red{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
|
||
|
|
.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
||
|
|
.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
|
||
|
|
.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
||
|
|
.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
||
|
|
.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
||
|
|
.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
||
|
|
.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
|