mirror of
https://github.com/tobspr/shapez.io.git
synced 2024-10-27 20:34:29 +00:00
CSS Improvements
This commit is contained in:
parent
cad6b357e3
commit
ce8640195a
@ -61,10 +61,12 @@
|
|||||||
@include S(bottom, 80px);
|
@include S(bottom, 80px);
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-auto-flow: row;
|
grid-auto-flow: row;
|
||||||
|
justify-items: start;
|
||||||
@include S(grid-gap, 5px);
|
@include S(grid-gap, 5px);
|
||||||
|
|
||||||
.explanation {
|
.explanation {
|
||||||
@include PlainText;
|
text-transform: uppercase;
|
||||||
|
@include SuperSmallText;
|
||||||
.keybinding {
|
.keybinding {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
@ -73,9 +75,8 @@
|
|||||||
.variant {
|
.variant {
|
||||||
@include S(border-radius, 4px);
|
@include S(border-radius, 4px);
|
||||||
background: rgba(0, 10, 20, 0.1);
|
background: rgba(0, 10, 20, 0.1);
|
||||||
display: grid;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
grid-template-columns: auto 1fr;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@include S(padding, 5px);
|
@include S(padding, 5px);
|
||||||
@include S(grid-gap, 10px);
|
@include S(grid-gap, 10px);
|
||||||
@ -110,9 +111,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
|
display: none;
|
||||||
grid-column: 2 / 3;
|
grid-column: 2 / 3;
|
||||||
|
text-transform: uppercase;
|
||||||
grid-row: 1 / 2;
|
grid-row: 1 / 2;
|
||||||
@include PlainText;
|
@include SuperSmallText;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user