Files
sk_fems_ui/assets/scss/common/text.scss
2025-07-22 09:58:38 +07:00

128 lines
2.3 KiB
SCSS

.txt {
&__bar {
display: flex;
&:before {
content: "";
display: inline-block;
width: 2px;
height: 14px;
background-color: #ccc;
margin-right: 8px;
position: relative;
top: 3px;
}
&.log {
&:before {
background-color: $--color-primary__green;
}
}
}
}
.custom-title-1 {
font-size: 2.5rem; // 40px;
font-weight: 700;
line-height: 1.25;
}
.custom-title-2 {
font-size: 1.75rem; // 28px
font-weight: 700;
line-height: 1.25;
}
.custom-title-2-5 {
font-size: 1.5rem; // 28px
font-weight: 700;
line-height: 1.25;
}
.custom-title-3 {
font-size: 1.15rem; // 28px
font-weight: 700;
line-height: 1.25;
}
.custom-title-4 {
font-size: 1.25rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
.custom-title-4-new {
font-size: 1.25rem !important;
font-weight: 600 !important;
line-height: 1.25 !important;
}
.custom-title-6 {
font-size: 1.0rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
.custom-title-8 {
font-size: 0.75rem !important;
font-weight: 700 !important;
line-height: 1.0 !important;
}
.custom-text-1 {
font-size: 1.125rem; // 18px;
line-height: 1.2;
}
.custom-text-2 {
opacity: 0.6;
font-family: SpoqaHanSansNeo;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2.17;
letter-spacing: normal;
text-align: right;
color: #fff;
}
.text-color--white-0 {
color: map-deep-get($color, "white", "0") !important;
}
@each $theme in dark, light {
.v-application.#{$theme}-mode {
.text-color--activate {
color: map-deep-get($config, #{$theme}, "activate");
}
.text-color--non-activate {
color: map-deep-get($config, #{$theme}, "non-activate");
}
.text-color--sub {
color: map-deep-get($config, #{$theme}, "text-subcolor");
}
.h1-title {
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: 0;
color: map-deep-get($config, #{$theme}, "h1-title");
}
.v-dialog {
.custom-title-4 {
font-size: 16px !important;
font-weight: 600 !important;
color: map-deep-get($config, #{$theme}, "card-title-color");
line-height: 24px !important;
}
}
}
}