h1, h2, h3, h4, h5, h6 {
font-weight: 400;
} h1 {
font-size: 42px;
} h2 {
font-size: 32px;
} h3 {
font-size: 26px;
} h4 {
font-size: 20px;
} h5 {
font-size: 18px;
} h6 {
font-size: 16px;
}
@media (max-width: $screen-sm) {
h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 22px; }
}
.txt-primary {
color: $txt-color-primary !important;
} .txt-secondary {
color: $txt-color-secondary !important;
} .txt-success {
color: $txt-color-success !important;
} .txt-warn {
color: $txt-color-warn !important;
} .txt-danger {
color: $txt-color-danger !important;
}
.txt-white {
color: #fff !important;
}
code {
color: $txt-color-primary;
}
.txt-lg {
font-size: 16px;
} .txt-md {
font-size: 14px;
} .txt-sm {
font-size: 12px;
} .txt-xs {
font-size: 10px;
} .txt-bold {
font-weight: 900 !important;
} .txt-strikethrough {
display: inline-block; position: relative; &:after { content: ''; background-color: #f35b5b; height: 2px; width: 110%; position: absolute; top: 45%; left: -5%; transform: scaleY(.8); }
} .txt-positive {
font-family: 'Roboto', sans-serif; color: #25b47e;
} .txt-negative {
font-family: 'Roboto', sans-serif; color: #cd3d64
} .txt-num {
font-family: 'Roboto', sans-serif;
} .txt-avatar, a.txt-avatar, a.txt-avatar:hover {
font-family: 'Helvetica Neue'; color: $color-avatar; font-weight: 900;
} body a.txt-avatar:hover {
border-bottom: 1px solid $color-avatar;
}
.txt-type0, a.txt-type0, a.txt-type0:hover {
font-family: 'Roboto', sans-serif; font-weight: 900; color: $color-txt-type0;
} body a.txt-type0:hover {
border-bottom: 1px solid $color-txt-type0;
}
.txt-type1, a.txt-type1, a.txt-type1:hover {
font-family: 'Roboto', sans-serif; font-weight: 900; color: $color-txt-type1;
} body a.txt-type1:hover {
border-bottom: 1px solid $color-txt-type1;
}
.txt-type2, a.txt-type2, a.txt-type2:hover {
font-family: 'Roboto', sans-serif; font-weight: 900; color: $color-txt-type2;
} body a.txt-type2:hover {
border-bottom: 1px solid $color-txt-type2;
}
.txt-type3, a.txt-type3, a.txt-type3:hover {
font-family: 'Roboto', sans-serif; color: $color-txt-type3;
} body a.txt-type3:hover {
border-bottom: 1px solid $color-txt-type3;
}
.txt-type4, a.txt-type4, a.txt-type4:hover {
font-family: 'PingFang TC'; color: $color-txt-type4;
} body a.txt-type4:hover {
border-bottom: 1px solid $color-txt-type4;
}
.txt-muted {
color: #495763; font-weight: 500;
}
.txt-center {
text-align: center !important;
} .txt-right {
text-align: right !important;
} .txt-left {
text-align: left !important;
}
.content-disabled {
&, *, *:before { filter: grayscale(10%); }
}