128 lines
1.8 KiB
SCSS
128 lines
1.8 KiB
SCSS
@import 'variables';
|
|
@import 'mixins';
|
|
|
|
.all-caps-label {
|
|
text-transform: uppercase;
|
|
opacity: 0.7;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
letter-spacing: 0;
|
|
line-height: 14px;
|
|
transition: opacity 0.2s;
|
|
|
|
&.cancel {
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
&.disabled {
|
|
opacity: 0.3;
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
&.primary {
|
|
color: $primary;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: $primary;
|
|
transition: color 0.1s;
|
|
|
|
&:hover {
|
|
color: lighten($primary, 10%);
|
|
}
|
|
|
|
&.with-underline {
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
cursor: pointer;
|
|
}
|
|
|
|
pre {
|
|
font-family: Inter, sans-serif;
|
|
color: $accent;
|
|
}
|
|
|
|
.heading-xl {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
line-height: 29px;
|
|
}
|
|
|
|
.heading-l {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.heading {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.info {
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.page-title {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
line-height: 18px;
|
|
text-align: center;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.small-label {
|
|
opacity: 0.7;
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
font-weight: initial;
|
|
}
|
|
|
|
.link-action {
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.large-label {
|
|
color: $accent;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.clamp-1 {
|
|
@include line-clamp(1);
|
|
}
|
|
|
|
.clamp-2 {
|
|
@include line-clamp(2);
|
|
}
|
|
|
|
.text-overflow {
|
|
display: block !important;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.no-wrap {
|
|
white-space: nowrap;
|
|
}
|