Gave square-image capability to grow in size via .bigger
won-square-image {
display: block;
+
&.inactive {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
- & .image {
- @include fixed-square($size);
+ & .image {
margin: $margin-top $margin-right $margin-bottom $margin-left;
display: flex;
align-items: center;
&__noimage {
color: white;
+ }
+ }
+
+ &.bigger .image {
+ @include fixed-square(1.2 * $size);
+ &__noimage {
+ font-size: 1.2 * $size - 0.5rem;
+ }
+ }
+ &:not(.bigger) .image {
+ @include fixed-square($size);
+ &__noimage {
font-size: $size - 0.5rem;
}
}
