trs-ui-app/lib/theme-default/uno.css

TRS 可视化低代码平台 前端移动 UI 组件库 👍

/* 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 */
.flex-center{display:flex;align-items:center;justify-content:center;}
/* layer: default */
.pointer-events-none{pointer-events:none;}
.visible{visibility:visible;}
.\!absolute{position:absolute !important;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.bottom-0{bottom:0rem;}
.bottom-0\.75rem{bottom:0.75rem;}
.right-0\.2rem{right:0.2rem;}
.right-0\.75rem{right:0.75rem;}
.right-1rem{right:1rem;}
.z100{z-index:100;}
.z-2{z-index:2;}
.grid{display:grid;}
.float-left{float:left;}
.float-right{float:right;}
.mx-3{margin-left:0.75rem;margin-right:0.75rem;}
.mx-auto{margin-left:auto;margin-right:auto;}
.my-0\.5rem{margin-top:0.5rem;margin-bottom:0.5rem;}
.my-auto{margin-top:auto;margin-bottom:auto;}
.\!mb-3{margin-bottom:0.75rem !important;}
.\!mt-3{margin-top:0.75rem !important;}
.mb-0\.2rem{margin-bottom:0.2rem;}
.mb-0\.38rem{margin-bottom:0.38rem;}
.mb-0\.3rem{margin-bottom:0.3rem;}
.mb-0\.56rem{margin-bottom:0.56rem;}
.mb-0\.5rem,
.mb-2{margin-bottom:0.5rem;}
.mb-0\.63rem{margin-bottom:0.63rem;}
.mb-0\.69rem{margin-bottom:0.69rem;}
.mb-1{margin-bottom:0.25rem;}
.mb-3{margin-bottom:0.75rem;}
.mb-4{margin-bottom:1rem;}
.ml-0\.25rem{margin-left:0.25rem;}
.ml-0\.5rem,
.ml-2{margin-left:0.5rem;}
.ml-0\.8rem{margin-left:0.8rem;}
.ml-4{margin-left:1rem;}
.ml-8px{margin-left:8px;}
.ml-auto{margin-left:auto;}
.mr-0\.19rem{margin-right:0.19rem;}
.mr-0\.38rem{margin-right:0.38rem;}
.mr-0\.5rem,
.mr-2{margin-right:0.5rem;}
.mr-0\.94rem{margin-right:0.94rem;}
.mr-1{margin-right:0.25rem;}
.mr-1\.5rem{margin-right:1.5rem;}
.mr-1rem,
.mr-4{margin-right:1rem;}
.mr-3rem{margin-right:3rem;}
.mr-8px{margin-right:8px;}
.mt--0\.1rem{margin-top:-0.1rem;}
.mt--0\.2rem{margin-top:-0.2rem;}
.mt-0{margin-top:0rem;}
.mt-0\.05rem{margin-top:0.05rem;}
.mt-0\.15rem{margin-top:0.15rem;}
.mt-0\.1rem{margin-top:0.1rem;}
.mt-0\.25rem{margin-top:0.25rem;}
.mt-0\.31rem{margin-top:0.31rem;}
.mt-0\.5rem,
.mt-2{margin-top:0.5rem;}
.mt-0\.75rem,
.mt-3{margin-top:0.75rem;}
.mt-4{margin-top:1rem;}
.mt-5\.7rem{margin-top:5.7rem;}
.mt-6px{margin-top:6px;}
.mt-7\.69rem{margin-top:7.69rem;}
.mt-auto{margin-top:auto;}
.block,
[block=""]{display:block;}
.inline-block{display:inline-block;}
.hidden{display:none;}
.\!h-5rem{height:5rem !important;}
.\!h-6\.44rem{height:6.44rem !important;}
.\!w-100\%{width:100% !important;}
.h-0\.88rem{height:0.88rem;}
.h-1\.38rem{height:1.38rem;}
.h-1\.75rem{height:1.75rem;}
.h-100\%,
.h-full{height:100%;}
.h-11\.5rem{height:11.5rem;}
.h-13\.19rem{height:13.19rem;}
.h-15rem{height:15rem;}
.h-17\.5rem{height:17.5rem;}
.h-2\.25rem{height:2.25rem;}
.h-2\.5rem{height:2.5rem;}
.h-2\.75rem{height:2.75rem;}
.h-2\.88rem{height:2.88rem;}
.h-2\.94rem{height:2.94rem;}
.h-2rem,
.h-8{height:2rem;}
.h-3rem{height:3rem;}
.h-4rem{height:4rem;}
.h-5\.75rem{height:5.75rem;}
.h-7\.38rem{height:7.38rem;}
.h-96px{height:96px;}
.h-auto{height:auto;}
.max-w-3\.5rem{max-width:3.5rem;}
.w-\[calc\(33\.3\%-0\.56rem\)\]{width:calc(33.3% - 0.56rem);}
.w-\[calc\(50\%-0\.4rem\)\]{width:calc(50% - 0.4rem);}
.w-0\.19rem{width:0.19rem;}
.w-1\.56rem{width:1.56rem;}
.w-10\.69rem{width:10.69rem;}
.w-100{width:25rem;}
.w-100\%,
.w-full,
.w100\%{width:100%;}
.w-14\.25rem{width:14.25rem;}
.w-15\.5rem{width:15.5rem;}
.w-15rem{width:15rem;}
.w-17\.44rem{width:17.44rem;}
.w-2\.25rem{width:2.25rem;}
.w-2\.5rem{width:2.5rem;}
.w-2\.94rem{width:2.94rem;}
.w-21\.94rem{width:21.94rem;}
.w-3\.25rem{width:3.25rem;}
.w-327px{width:327px;}
.w-4rem{width:4rem;}
.w-9\.69rem{width:9.69rem;}
.flex{display:flex;}
.flex-1{flex:1 1 0%;}
.flex-shrink-0{flex-shrink:0;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.translate-y-1px{--un-translate-y:1px;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));}
.cursor-pointer{cursor:pointer;}
.select-none{user-select:none;}
.items-start{align-items:flex-start;}
.items-center{align-items:center;}
.justify-start{justify-content:flex-start;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.overflow-hidden{overflow:hidden;}
.overflow-x-hidden{overflow-x:hidden;}
.overflow-y-auto{overflow-y:auto;}
.whitespace-nowrap{white-space:nowrap;}
.border-1px{border-width:1px;border-style:solid;}
.border-2px{border-width:2px;border-style:solid;}
.border-\#ccc{--un-border-opacity:1;border-color:rgba(204,204,204,var(--un-border-opacity));}
.border-\#D4EAFF{--un-border-opacity:1;border-color:rgba(212,234,255,var(--un-border-opacity));}
.border-\#FFA39E{--un-border-opacity:1;border-color:rgba(255,163,158,var(--un-border-opacity));}
.rounded-0\.13rem{border-radius:0.13rem;}
.rounded-0\.25rem,
.rounded-1{border-radius:0.25rem;}
.rounded-0\.38rem{border-radius:0.38rem;}
.rounded-0\.75rem,
.rounded-3,
.rounded-xl{border-radius:0.75rem;}
.rounded-12px{border-radius:12px;}
.rounded-2xl{border-radius:1rem;}
.rounded-md{border-radius:0.375rem;}
.border-dashed{border-style:dashed;}
.border-solid{border-style:solid;}
.\!bg-white{--un-bg-opacity:1 !important;background-color:rgba(255,255,255,var(--un-bg-opacity)) !important;}
.bg-\#000{--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));}
.bg-\#1790FF{--un-bg-opacity:1;background-color:rgba(23,144,255,var(--un-bg-opacity));}
.bg-\#e7f4f4{--un-bg-opacity:1;background-color:rgba(231,244,244,var(--un-bg-opacity));}
.bg-\#ECF4FF{--un-bg-opacity:1;background-color:rgba(236,244,255,var(--un-bg-opacity));}
.bg-\#F1F1F1{--un-bg-opacity:1;background-color:rgba(241,241,241,var(--un-bg-opacity));}
.bg-\#F5F5F5{--un-bg-opacity:1;background-color:rgba(245,245,245,var(--un-bg-opacity));}
.bg-\#F6F6F6{--un-bg-opacity:1;background-color:rgba(246,246,246,var(--un-bg-opacity));}
.bg-\#F9F9F9{--un-bg-opacity:1;background-color:rgba(249,249,249,var(--un-bg-opacity));}
.bg-\#fff,
.bg-\#ffffff,
.bg-white{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}
.bg-\#FFF1F0{--un-bg-opacity:1;background-color:rgba(255,241,240,var(--un-bg-opacity));}
.bg-gray-100{--un-bg-opacity:1;background-color:rgba(243,244,246,var(--un-bg-opacity));}
.bg-hex-000\/40{background-color:rgba(0,0,0,0.4);}
.object-contain{object-fit:contain;}
.object-center{object-position:center;}
.p-0\.31rem{padding:0.31rem;}
.p-0\.75rem{padding:0.75rem;}
.\!px-0\.94rem{padding-left:0.94rem !important;padding-right:0.94rem !important;}
.\!px-27px{padding-left:27px !important;padding-right:27px !important;}
.\!py-0\.31rem{padding-top:0.31rem !important;padding-bottom:0.31rem !important;}
.px-0\.25rem{padding-left:0.25rem;padding-right:0.25rem;}
.px-0\.56rem{padding-left:0.56rem;padding-right:0.56rem;}
.px-0\.5rem,
.px-2{padding-left:0.5rem;padding-right:0.5rem;}
.px-1rem,
.px-4{padding-left:1rem;padding-right:1rem;}
.px-20px{padding-left:20px;padding-right:20px;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.py-0\.1rem{padding-top:0.1rem;padding-bottom:0.1rem;}
.py-0\.5rem,
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-0\.81rem{padding-top:0.81rem;padding-bottom:0.81rem;}
.py-24px{padding-top:24px;padding-bottom:24px;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.py-5px{padding-top:5px;padding-bottom:5px;}
.\!pb-3{padding-bottom:0.75rem !important;}
.\!pl-3{padding-left:0.75rem !important;}
.\!pr-3{padding-right:0.75rem !important;}
.\!pt-3{padding-top:0.75rem !important;}
.pb-0\.5rem,
.pb-2{padding-bottom:0.5rem;}
.pb-0\.81rem{padding-bottom:0.81rem;}
.pb-1\.5rem{padding-bottom:1.5rem;}
.pb-4{padding-bottom:1rem;}
.pb-6rem{padding-bottom:6rem;}
.pl-1{padding-left:0.25rem;}
.pl-1\.5rem{padding-left:1.5rem;}
.pl-2{padding-left:0.5rem;}
.pl-2\.25rem{padding-left:2.25rem;}
.pl-3{padding-left:0.75rem;}
.pr-1{padding-right:0.25rem;}
.pr-1\.13rem{padding-right:1.13rem;}
.pr-3{padding-right:0.75rem;}
.pt-0\.5rem{padding-top:0.5rem;}
.pt-0\.94rem{padding-top:0.94rem;}
.pt-1{padding-top:0.25rem;}
.pt-1\.5rem{padding-top:1.5rem;}
.pt-2\.06rem{padding-top:2.06rem;}
.pt-3{padding-top:0.75rem;}
.pt-4{padding-top:1rem;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.align-middle{vertical-align:middle;}
.align-top{vertical-align:top;}
.\!text-0\.88rem{font-size:0.88rem !important;}
.\!text-1rem{font-size:1rem !important;}
.text-\[1rem\],
.text-1rem{font-size:1rem;}
.text-0\.63rem{font-size:0.63rem;}
.text-0\.75rem{font-size:0.75rem;}
.text-0\.88rem{font-size:0.88rem;}
.text-1\.13rem{font-size:1.13rem;}
.text-1\.38rem{font-size:1.38rem;}
.text-1\.75rem{font-size:1.75rem;}
.text-12px{font-size:12px;}
.text-16px{font-size:16px;}
.text-20px{font-size:20px;}
.text-22px{font-size:22px;}
.text-base{font-size:1rem;line-height:1.5rem;}
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.font-400{font-weight:400;}
.font-500{font-weight:500;}
.font-600{font-weight:600;}
.leading-0\.75rem,
.leading-3{line-height:0.75rem;}
.leading-0\.88rem{line-height:0.88rem;}
.leading-1\.38rem{line-height:1.38rem;}
.leading-1\.5rem,
.lh-1\.5rem{line-height:1.5rem;}
.leading-1\.75rem{line-height:1.75rem;}
.leading-1rem{line-height:1rem;}
.leading-2\.5rem{line-height:2.5rem;}
.leading-2\.94rem{line-height:2.94rem;}
.leading-28px{line-height:28px;}
.leading-2rem,
.leading-8{line-height:2rem;}
.leading-34px{line-height:34px;}
.leading-3rem{line-height:3rem;}
.leading-5{line-height:1.25rem;}
.c-white,
.text-\#fff{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}
.color-\#999,
.text-\#999,
.text-\#999999{--un-text-opacity:1;color:rgba(153,153,153,var(--un-text-opacity));}
[color~="\#047aec"]{--un-text-opacity:1;color:rgba(4,122,236,var(--un-text-opacity));}
[color~="\#FAFAFA"]{--un-text-opacity:1;color:rgba(250,250,250,var(--un-text-opacity));}
[color~="\#FFF2E8"]{--un-text-opacity:1;color:rgba(255,242,232,var(--un-text-opacity));}
.text-\#151E26{--un-text-opacity:1;color:rgba(21,30,38,var(--un-text-opacity));}
.text-\#166CE6{--un-text-opacity:1;color:rgba(22,108,230,var(--un-text-opacity));}
.text-\#1790FF{--un-text-opacity:1;color:rgba(23,144,255,var(--un-text-opacity));}
.text-\#333,
.text-\#333333{--un-text-opacity:1;color:rgba(51,51,51,var(--un-text-opacity));}
.text-\#666,
.text-\#666666{--un-text-opacity:1;color:rgba(102,102,102,var(--un-text-opacity));}
.text-\#8A8E92{--un-text-opacity:1;color:rgba(138,142,146,var(--un-text-opacity));}
.text-\#A3A3A3{--un-text-opacity:1;color:rgba(163,163,163,var(--un-text-opacity));}
.text-\#D5343E{--un-text-opacity:1;color:rgba(213,52,62,var(--un-text-opacity));}
.underline{text-decoration-line:underline;}
[duration~="\31 0000"]{transition-duration:10000ms;}
[duration~="\33 00"]{transition-duration:300ms;}
.ellipsis {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }
.ellipsis-1 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }
.ellipsis-2 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
.ellipsis-3 {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }