xarxaprod-wp-theme/sass/plugins/guttemberg/_guttemberg.scss

54 lines
934 B
SCSS

.black-blocs {
padding: $font__size-body 0;
gap: $font__size-body;
.wp-block-column {
align-self: auto;
display: flex;
flex-direction: column;
position: relative;
min-height: 17rem;
padding: $font__size-body;
h1,
h2,
h3,
h4,
h5,
h6 {
min-height: $font__size-body * 4.8;
font-family: $font__black;
font-size: $font__size-body * 2;
line-height: $font__line-height-body * 0.8;
}
p {
font-family: $font__bold;
font-size: $font__size-body * 0.9;
}
a {
color: $color__white;
text-decoration: none;
&::after {
content: "+";
position: absolute;
bottom: -1rem;
left: 0.7rem;
font-size: 5rem;
}
&:hover {
color: $color__grey-light;
&::after {
content: ">";
font-size: 3rem;
bottom: 0;
}
}
}
}
}