import css vars

This commit is contained in:
btzr-io 2017-08-18 17:35:52 -06:00
parent 1e465d80b1
commit 5a9fdcdd26
2 changed files with 4 additions and 3 deletions

View file

@ -1,4 +1,5 @@
@import "_reset"; @import "_reset";
@import "_vars";
@import "_icons"; @import "_icons";
@import "_gui"; @import "_gui";
@import "component/_table"; @import "component/_table";

View file

@ -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 {