_sass/pages/_page.scss in jekyll-sleek-0.1.2 vs _sass/pages/_page.scss in jekyll-sleek-0.1.3
- old
+ new
@@ -1,11 +1,14 @@
.hero {
margin: 3.75rem auto 0;
min-height: 16.25rem;
width: 100%;
position: relative;
- background: #dde5ea url("../img/posts/sleek.jpg") no-repeat 50% / cover;
+ background-color: #dde5ea;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: cover;
@include breakpoint($lg) {
margin: 0 auto;
height: 36em;
}
@@ -25,9 +28,10 @@
.hero--small {
margin: 3.75rem auto 0;
min-height: 8.75rem;
width: 100%;
position: relative;
+ background-color: $dark-light;
@include breakpoint($lg) {
height: 12.5em;
}