diff --git a/partials/header.hbs b/partials/header.hbs index 6a83b89..4715cdd 100644 --- a/partials/header.hbs +++ b/partials/header.hbs @@ -18,28 +18,30 @@ with a `no-image` class so we can style it accordingly. background-image: url({{img_url background size='xl'}}); } @media(max-width: 1000px) { -.responsive-header-img { - background-image: url({{img_url background size='l'}}); - background-image: -webkit-image-set( - url({{img_url background size='l'}}) 1x, - url({{img_url background size='xl'}}) 2x - ); - background-image: image-set( - url({{img_url background size='l'}}) 1x, - url({{img_url background size='xl'}}) 2x - ); + .responsive-header-img { + background-image: url({{img_url background size='l'}}); + background-image: -webkit-image-set( + url({{img_url background size='l'}}) 1x, + url({{img_url background size='xl'}}) 2x + ); + background-image: image-set( + url({{img_url background size='l'}}) 1x, + url({{img_url background size='xl'}}) 2x + ); + } } @media(max-width: 600px) { -.responsive-header-img { - background-image: url({{img_url background size='m'}}); - background-image: -webkit-image-set( - url({{img_url background size='m'}}) 1x, - url({{img_url background size='l'}}) 2x - ); - background-image: image-set( - url({{img_url background size='m'}}) 1x, - url({{img_url background size='l'}}) 2x - ); + .responsive-header-img { + background-image: url({{img_url background size='m'}}); + background-image: -webkit-image-set( + url({{img_url background size='m'}}) 1x, + url({{img_url background size='l'}}) 2x + ); + background-image: image-set( + url({{img_url background size='m'}}) 1x, + url({{img_url background size='l'}}) 2x + ); + } }