ildi-wp/dev/scss/components/_home-loop.scss

52 lines
862 B
SCSS
Raw Permalink Normal View History

2018-07-24 08:20:35 -05:00
.home-loop {
position: relative;
overflow: hidden;
a {
2018-08-15 08:11:52 -05:00
display: block;
width: 100%;
2018-09-11 14:30:45 -05:00
min-height: 200px;
2018-07-24 08:20:35 -05:00
text-decoration: none;
2018-08-15 08:11:52 -05:00
&::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: $di-purple;
background-image: linear-gradient(-110deg, $di-orange, $di-orange-light);
content: '';
}
}
&:nth-of-type(even) {
a {
&::before {
background-color: $di-orange;
background-image: linear-gradient(110deg, $di-purple, $di-purple-light);
}
}
2018-07-24 08:20:35 -05:00
}
h1 {
2018-07-24 18:52:51 -05:00
margin: 0;
2018-07-24 08:20:35 -05:00
background-color: rgba($black, 0.15);
2018-07-24 18:52:51 -05:00
padding: $gutter;
2018-07-24 08:20:35 -05:00
color: $white;
}
img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: auto;
}
}