summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorFélix Sipma <felix.sipma@no-log.org>2021-06-03 15:34:29 +0200
committerFélix Sipma <felix.sipma@no-log.org>2021-06-03 15:34:29 +0200
commitada86f643939abd920f6cc31cfb7fceb3b7780cd (patch)
treeb5d2b939f0dc2f45621d4fdc95bd1ae65b7f69b7
parent188a6d7f135b69be3b9cbbfd3d311e0416cd510f (diff)
scss: improve background-image display on small screens
-rw-r--r--static/scss/ferme.scss8
1 files changed, 4 insertions, 4 deletions
diff --git a/static/scss/ferme.scss b/static/scss/ferme.scss
index 5d83346..d5d9fe9 100644
--- a/static/scss/ferme.scss
+++ b/static/scss/ferme.scss
@@ -264,8 +264,6 @@ h1 {
overflow: hidden;
@include until($tablet) {
background-image: str-replace($ferme-banner-img-src, '.jpg', '_768.jpg');
- background-position: center 0%;
- background-size: unset;
}
@include tablet-only {
background-image: str-replace($ferme-banner-img-src, '.jpg', '_1024.jpg');
@@ -279,8 +277,10 @@ h1 {
@include from($fullhd) {
background-image: $ferme-banner-img-src;
}
- background-attachment: fixed;
- background-position: bottom;
+ @include from($tablet) {
+ background-attachment: fixed;
+ background-position: bottom;
+ }
background-repeat: no-repeat;
background-size: cover;
}