Fix some bugs with SCSS nesting
This commit is contained in:
parent
5d27509148
commit
8df60c0e1d
1 changed files with 13 additions and 8 deletions
|
|
@ -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%;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue