Fix some bugs with SCSS nesting

This commit is contained in:
Justin Edmund 2022-02-03 19:50:26 -08:00
parent 5d27509148
commit 8df60c0e1d

View file

@ -2,6 +2,11 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
min-height: 139px;
@media (max-width: $medium-screen) {
min-height: auto;
}
&.editable .WeaponImage:hover { &.editable .WeaponImage:hover {
border: $hover-stroke; border: $hover-stroke;
@ -61,6 +66,14 @@
display: none; display: none;
} }
h3 {
color: $grey-00;
font-size: $font-button;
font-weight: $normal;
margin: 0;
text-align: center;
}
.WeaponImage { .WeaponImage {
background: white; background: white;
border: 1px solid rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0);
@ -76,14 +89,6 @@
fill: $grey-10; fill: $grey-10;
} }
h3 {
color: $grey-00;
font-size: $font-regular;
font-weight: $medium;
margin: 0;
text-align: center;
}
img { img {
position: relative; position: relative;
width: 100%; width: 100%;