site/_src/_assets/styles/_sections/_section-blog.scss

32 lines
677 B
SCSS

.article {
@include color-overlay;
@include transition;
background-size: cover;
background-position: center;
padding: $spacer;
border-radius: $border-radius;
overflow: hidden;
box-shadow: none;
display: flex;
align-items: center;
min-height: 8rem;
&:hover,
&:focus {
background-size: cover;
background-position: center;
box-shadow: 0 2px 5px rgba($brand-main-blue-dark, .2);
transform: translateY(-1px);
}
}
.article__title,
h1.article__title {
font-size: $font-size-lg;
font-weight: $font-weight-normal;
margin: 0;
color: #fff;
position: relative;
z-index: 1;
}