142 lines
2.6 KiB
SCSS
142 lines
2.6 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-7 {
|
|
font-size: 0.875rem !important;
|
|
font-weight: 400 !important;
|
|
line-height: 22px !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-size: 14px;
|
|
line-height: 2.17;
|
|
// font-weight: normal;
|
|
// font-stretch: normal;
|
|
// font-style: normal;
|
|
// letter-spacing: normal;
|
|
// text-align: right;
|
|
// color: #fff;
|
|
// font-family: SpoqaHanSansNeo;
|
|
}
|
|
|
|
.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");
|
|
}
|
|
|
|
|
|
.custom-subtitle-tab {
|
|
font-size: 1.25rem !important;
|
|
font-weight: 600 !important;
|
|
line-height: 1.25 !important;
|
|
color: map-deep-get($config, #{$theme}, "subtitle-tab");
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|