2019-05-09 18:54:39 +12:00
|
|
|
* {
|
2020-04-28 06:38:06 +12:00
|
|
|
font-family: 'Poppins', sans-serif;
|
2019-05-09 18:54:39 +12:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1, h2, h2, h3, h4, h5, h6 {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h4, h5, h6 {
|
|
|
|
font-weight: 400;
|
|
|
|
}
|
|
|
|
|
|
|
|
a, .link {
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-link);
|
2019-05-09 18:54:39 +12:00
|
|
|
text-decoration: none;
|
|
|
|
border-left: 2px solid transparent;
|
|
|
|
border-right: 2px solid transparent;
|
2020-06-10 02:43:24 +12:00
|
|
|
transition: 200ms;
|
|
|
|
cursor: pointer;
|
2019-05-09 18:54:39 +12:00
|
|
|
|
|
|
|
&:hover {
|
2020-06-15 06:43:08 +12:00
|
|
|
//transform: translateY(-2px);
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
&.disabled {
|
|
|
|
opacity: .5;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.tag:hover {
|
|
|
|
opacity: .9;
|
|
|
|
}
|
2020-04-29 20:35:22 +12:00
|
|
|
|
|
|
|
&.danger {
|
|
|
|
color: var(--config-color-danger);
|
|
|
|
}
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
2020-06-15 06:43:08 +12:00
|
|
|
a.link-animation-enabled,
|
|
|
|
.link.link-animation-enabled {
|
2022-02-21 22:53:44 +13:00
|
|
|
display: inline-flex;
|
2020-06-15 06:43:08 +12:00
|
|
|
|
2020-06-10 02:43:24 +12:00
|
|
|
&:hover {
|
2020-06-15 06:43:08 +12:00
|
|
|
transform: translateY(-2px);
|
2020-06-10 02:43:24 +12:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.func-link-return-animation(@pos) {
|
|
|
|
& > i {
|
|
|
|
display: inline-block;
|
|
|
|
transition: 200ms;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:hover > i {
|
|
|
|
transform: translateX(@pos);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@link-return-animation-offset: 2px;
|
|
|
|
|
|
|
|
.link-return-animation--start {
|
|
|
|
.func-link-return-animation(
|
|
|
|
if((@config-start = right),
|
|
|
|
@link-return-animation-offset,
|
|
|
|
-@link-return-animation-offset
|
|
|
|
)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
.link-return-animation--end {
|
|
|
|
.func-link-return-animation(
|
|
|
|
if((@config-start = right),
|
|
|
|
-@link-return-animation-offset,
|
|
|
|
@link-return-animation-offset
|
|
|
|
)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2019-05-09 18:54:39 +12:00
|
|
|
b, strong {
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin: 0 0 20px 0;
|
2019-09-23 16:12:01 +12:00
|
|
|
line-height: 26px;
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
2019-08-24 07:07:17 +12:00
|
|
|
small {
|
|
|
|
font-size: 16px;
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-fade);
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-size-small {
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
2021-08-26 03:56:53 +12:00
|
|
|
.text-size-smaller {
|
|
|
|
font-size: 11.5px;
|
|
|
|
}
|
|
|
|
|
2020-03-15 17:54:55 +13:00
|
|
|
.text-size-xs {
|
|
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
|
2019-05-09 18:54:39 +12:00
|
|
|
.text-size-normal {
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
|
2020-02-25 01:56:57 +13:00
|
|
|
.text-height-large {
|
|
|
|
height: 30px;
|
|
|
|
line-height: 30px;
|
|
|
|
}
|
|
|
|
|
2020-04-28 06:38:06 +12:00
|
|
|
.text-height-small {
|
|
|
|
line-height: 13px;
|
|
|
|
}
|
|
|
|
|
2019-05-09 18:54:39 +12:00
|
|
|
.text-one-liner {
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-bold {
|
|
|
|
font-weight: 400!important;
|
|
|
|
}
|
|
|
|
|
2020-03-11 01:21:05 +13:00
|
|
|
.text-bold-large {
|
|
|
|
font-weight: 500!important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-bold-xl {
|
|
|
|
font-weight: 600!important;
|
|
|
|
}
|
|
|
|
|
2019-05-09 18:54:39 +12:00
|
|
|
.text-danger {
|
2020-02-27 10:54:12 +13:00
|
|
|
color: var(--config-color-danger)!important;
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-success {
|
2020-02-27 10:54:12 +13:00
|
|
|
color: var(--config-color-success)!important;
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-upper {
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-warning {
|
2020-02-29 19:24:55 +13:00
|
|
|
color: var(--config-color-warning)
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-focus {
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-focus);
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-fade {
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-fade);
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
2021-08-26 03:56:53 +12:00
|
|
|
.text-fade-dark {
|
|
|
|
color: var(--config-color-fade-dark);
|
|
|
|
}
|
|
|
|
|
2020-02-05 10:00:34 +13:00
|
|
|
&.text-green {
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-success);
|
2020-02-05 10:00:34 +13:00
|
|
|
}
|
|
|
|
|
|
|
|
&.text-red {
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-danger);
|
2020-02-05 10:00:34 +13:00
|
|
|
}
|
|
|
|
|
2020-02-29 19:24:55 +13:00
|
|
|
&.text-info {
|
|
|
|
color: var(--config-color-info);
|
|
|
|
}
|
|
|
|
|
2020-02-05 10:00:34 +13:00
|
|
|
&.text-yellow {
|
|
|
|
color: #ffe28b;
|
|
|
|
}
|
|
|
|
|
2019-05-09 18:54:39 +12:00
|
|
|
.text-disclaimer {
|
|
|
|
font-size: 11px;
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-fade);
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-fade-extra {
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-fade);
|
2019-05-09 18:54:39 +12:00
|
|
|
opacity: .5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-line-high-large {
|
|
|
|
line-height: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-line-high-xl {
|
|
|
|
line-height: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-sign {
|
|
|
|
margin: 5px 0;
|
|
|
|
font-size: 25px;
|
|
|
|
width: 25px;
|
|
|
|
height: 25px;
|
|
|
|
line-height: 25px;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2019-08-12 09:52:36 +12:00
|
|
|
.text-align-center {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2019-05-09 18:54:39 +12:00
|
|
|
.text-align-start {
|
|
|
|
text-align: @config-start;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-align-end {
|
|
|
|
text-align: @config-end;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-align-left {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-align-right {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-dir-ltr {
|
|
|
|
direction: ltr;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-dir-rtl {
|
|
|
|
direction: rtl;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2020-06-11 01:54:54 +12:00
|
|
|
// fix icons vertical alignment
|
|
|
|
i[class^='icon-'], i[class*=' icon-']{
|
|
|
|
&:before {
|
|
|
|
display: inline;
|
|
|
|
line-height: unset;
|
|
|
|
}
|
|
|
|
}
|