import css vars
This commit is contained in:
parent
1e465d80b1
commit
5a9fdcdd26
2 changed files with 4 additions and 3 deletions
|
@ -1,4 +1,5 @@
|
||||||
@import "_reset";
|
@import "_reset";
|
||||||
|
@import "_vars";
|
||||||
@import "_icons";
|
@import "_icons";
|
||||||
@import "_gui";
|
@import "_gui";
|
||||||
@import "component/_table";
|
@import "component/_table";
|
||||||
|
|
|
@ -75,7 +75,7 @@ $font-size-subtext-multiple: 0.82;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: rgba(128, 128, 128, 0.8);
|
background-color: var(--color-dark-overlay);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -98,7 +98,7 @@ $font-size-subtext-multiple: 0.82;
|
||||||
overflow-y: visible
|
overflow-y: visible
|
||||||
}
|
}
|
||||||
.card--link:hover ~ .card--link {
|
.card--link:hover ~ .card--link {
|
||||||
transform: translateX(calc(var(--translate-card-hover) * 2));
|
transform: translateX(calc(var(--card-hover-translate) * 2));
|
||||||
}
|
}
|
||||||
|
|
||||||
.card__media {
|
.card__media {
|
||||||
|
@ -162,7 +162,7 @@ $font-size-subtext-multiple: 0.82;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card--form {
|
.card--form {
|
||||||
width: calc( var(--input-width) + var(--card-padding * 2);
|
width: calc( var(--input-width) + var(--card-padding) * 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.card__subtitle {
|
.card__subtitle {
|
||||||
|
|
Loading…
Reference in a new issue