fix(themes): prevent welcome title overlap on image

This commit is contained in:
Lorenzo D'Ianni 2019-09-07 12:45:11 +02:00 committed by Damiano Petrungaro
parent 03e613b820
commit b9a84fc035

View File

@ -21,6 +21,7 @@
font-size: 2.6em; font-size: 2.6em;
margin-bottom: $gap-sm; margin-bottom: $gap-sm;
@include desktop { @include desktop {
width: 85%;
font-size: 3.6em; font-size: 3.6em;
} }
} }
@ -49,9 +50,11 @@
margin-bottom: $gap-md; margin-bottom: $gap-md;
transition: background-color .3s ease, color .3s ease; transition: background-color .3s ease, color .3s ease;
min-width: fit-content; min-width: fit-content;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
&:hover { &:hover {
background-color: $welcome-action-color; background-color: $welcome-action-color;
color: get-color-accessible-for-background($welcome-action-color) color: get-color-accessible-for-background($welcome-action-color)
@ -76,6 +79,7 @@
width: 24%; width: 24%;
overflow: hidden; overflow: hidden;
transform: translate(0, -50%); transform: translate(0, -50%);
img { img {
display: block; display: block;
margin: auto; margin: auto;