123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- // global
- @import "./global.scss";
- // color-ui
- @import "./colorui.css";
- // public
- @import "./public.scss";
- // iconfont
- @import "@/static/iconfont/iconfont.css";
- // sidebar
- @import "./sidebar.scss";
- .divider-default {
- width: 0.5px;
- background-color: #333;
- }
- .shadow-default {
- box-shadow: 1px 1px 4px rgb(26 26 26 / 10%)
- }
- /* 外边距、内边距全局样式
- ------------------------------- */
- @for $i from 0 through 100 {
- // margin
- .m#{$i} {
- margin: #{$i}px !important;
- }
- .mt#{$i} {
- margin-top: #{$i}px !important;
- }
- .mr#{$i} {
- margin-right: #{$i}px !important;
- }
- .mb#{$i} {
- margin-bottom: #{$i}px !important;
- }
- .ml#{$i} {
- margin-left: #{$i}px !important;
- }
- .mlr#{$i} {
- margin-left: #{$i}px !important;
- margin-right: #{$i}px !important;
- }
- .mtb#{$i} {
- margin-top: #{$i}px !important;
- margin-bottom: #{$i}px !important;
- }
- // padding
- .p#{$i} {
- padding: #{$i}px !important;
- }
- .pt#{$i} {
- padding-top: #{$i}px !important;
- }
- .pr#{$i} {
- padding-right: #{$i}px !important;
- }
- .pb#{$i} {
- padding-bottom: #{$i}px !important;
- }
- .pl#{$i} {
- padding-left: #{$i}px !important;
- }
- .plr#{$i} {
- padding-left: #{$i}px !important;
- padding-right: #{$i}px !important;
- }
- .ptb#{$i} {
- padding-top: #{$i}px !important;
- padding-bottom: #{$i}px !important;
- }
- }
- /* 文本
- ------------------------------- */
- @for $i from 10 through 500 {
- .font#{$i} {
- font-size: #{$i}upx;
- }
- }
- .text-ellipsis {
- overflow: hidden; //超出的文本隐藏
- text-overflow: ellipsis; //溢出用省略号显示
- white-space: nowrap; // 默认不换行;
- }
- .verify {
- color: #2a98ff;
- font-size: 14px;
- padding-left: 0px;
- padding-right: 0px;
- background-color: transparent;
- &::after {
- border: 0px;
- }
- }
|