44 lines
No EOL
3.5 KiB
CSS
44 lines
No EOL
3.5 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 */
|
|
.static{position:static;}
|
|
.mx-auto{margin-left:auto;margin-right:auto;}
|
|
.mb-2{margin-bottom:0.5rem;}
|
|
.mb-4{margin-bottom:1rem;}
|
|
.ms,
|
|
[ms=""]{margin-inline-start:1rem;}
|
|
contents{display:contents;}
|
|
.h1{height:0.25rem;}
|
|
.w-full{width:100%;}
|
|
.b,
|
|
.border,
|
|
[b=""]{border-width:1px;}
|
|
.rounded-lg{border-radius:0.5rem;}
|
|
.bg-blue-500{--un-bg-opacity:1;background-color:rgba(59,130,246,var(--un-bg-opacity));}
|
|
.bg-gray-100{--un-bg-opacity:1;background-color:rgba(243,244,246,var(--un-bg-opacity));}
|
|
.bg-white{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}
|
|
.p-2{padding:0.5rem;}
|
|
.p-4{padding:1rem;}
|
|
.p-6{padding:1.5rem;}
|
|
[pe=""]{padding-inline-end:1rem;}
|
|
.text-2xl{font-size:1.5rem;line-height:2rem;}
|
|
.font-bold{font-weight:700;}
|
|
.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}
|
|
.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} |