[UPD] Half hero responsive

UPCnet · Feb 19, 2024 · 264bd15 · 264bd15
1 parent efc5e9a
commit 264bd15
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 19 deletions.
diff --git a/src/genweb6/theme/theme/scss/viewlets/_hero.scss b/src/genweb6/theme/theme/scss/viewlets/_hero.scss
@@ -99,6 +99,7 @@ body.template-homepage {
       h2,
       .h2 {
         font-size: 1.5rem;
+        margin-top: .5rem;
       }
     }
 
@@ -109,6 +110,10 @@ body.template-homepage {
       top: 0;
       padding: 1.25rem;
 
+      @media (max-width: 992px) {
+        padding: 0.75rem;
+      }
+
       & > * {
         padding-left: 2rem;
         padding-right: 1rem;
@@ -120,6 +125,10 @@ body.template-homepage {
 
     img {
       height: 500px;
+
+      @media (max-width: 992px) {
+        height: unset;
+      }
     }
   }
 

diff --git a/src/genweb6/theme/theme/stylesheets/theme-concat.css b/src/genweb6/theme/theme/stylesheets/theme-concat.css
@@ -31997,26 +31997,39 @@ body.template-homepage #hero {
   #hero.pretty-image-hero .h2, #hero.full-pretty-image-hero h2,
   #hero.full-pretty-image-hero .h2 {
     font-size: 1.5rem;
+    margin-top: 0.5rem;
   }
 }
-/* line 105, ../scss/viewlets/_hero.scss */
+/* line 106, ../scss/viewlets/_hero.scss */
 #hero.pretty-image-hero > div, #hero.full-pretty-image-hero > div {
   background-color: var(--bs-primary);
   position: relative;
   width: 100%;
   top: 0;
   padding: 1.25rem;
 }
-/* line 112, ../scss/viewlets/_hero.scss */
+@media (max-width: 992px) {
+  /* line 106, ../scss/viewlets/_hero.scss */
+  #hero.pretty-image-hero > div, #hero.full-pretty-image-hero > div {
+    padding: 0.75rem;
+  }
+}
+/* line 117, ../scss/viewlets/_hero.scss */
 #hero.pretty-image-hero > div > *, #hero.full-pretty-image-hero > div > * {
   padding-left: 2rem;
   padding-right: 1rem;
 }
-/* line 121, ../scss/viewlets/_hero.scss */
+/* line 126, ../scss/viewlets/_hero.scss */
 #hero.pretty-image-hero img {
   height: 500px;
 }
-/* line 126, ../scss/viewlets/_hero.scss */
+@media (max-width: 992px) {
+  /* line 126, ../scss/viewlets/_hero.scss */
+  #hero.pretty-image-hero img {
+    height: unset;
+  }
+}
+/* line 135, ../scss/viewlets/_hero.scss */
 #hero.full-pretty-image-hero {
   width: 100%;
   height: calc(100dvh - 92px);
@@ -32029,30 +32042,30 @@ body.template-homepage #hero {
   background-position: center center;
   background-repeat: no-repeat;
 }
-/* line 138, ../scss/viewlets/_hero.scss */
+/* line 147, ../scss/viewlets/_hero.scss */
 #hero.full-pretty-image-hero a.down-hero {
   font-size: 3rem;
   color: var(--bs-primary);
   position: absolute;
   bottom: 1.5rem;
 }
 @media (max-width: 768px) {
-  /* line 138, ../scss/viewlets/_hero.scss */
+  /* line 147, ../scss/viewlets/_hero.scss */
   #hero.full-pretty-image-hero a.down-hero {
     bottom: 1rem;
   }
 }
-/* line 148, ../scss/viewlets/_hero.scss */
+/* line 157, ../scss/viewlets/_hero.scss */
 #hero.full-pretty-image-hero a.down-hero:hover {
   color: var(--bs-primary-hover);
 }
-/* line 154, ../scss/viewlets/_hero.scss */
+/* line 163, ../scss/viewlets/_hero.scss */
 #hero img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-/* line 160, ../scss/viewlets/_hero.scss */
+/* line 169, ../scss/viewlets/_hero.scss */
 #hero h2,
 #hero h1,
 #hero .h2,

diff --git a/src/genweb6/theme/theme/stylesheets/theme.css b/src/genweb6/theme/theme/stylesheets/theme.css
@@ -14132,26 +14132,39 @@ body.template-homepage #hero {
   #hero.pretty-image-hero .h2, #hero.full-pretty-image-hero h2,
   #hero.full-pretty-image-hero .h2 {
     font-size: 1.5rem;
+    margin-top: 0.5rem;
   }
 }
-/* line 105, ../scss/viewlets/_hero.scss */
+/* line 106, ../scss/viewlets/_hero.scss */
 #hero.pretty-image-hero > div, #hero.full-pretty-image-hero > div {
   background-color: var(--bs-primary);
   position: relative;
   width: 100%;
   top: 0;
   padding: 1.25rem;
 }
-/* line 112, ../scss/viewlets/_hero.scss */
+@media (max-width: 992px) {
+  /* line 106, ../scss/viewlets/_hero.scss */
+  #hero.pretty-image-hero > div, #hero.full-pretty-image-hero > div {
+    padding: 0.75rem;
+  }
+}
+/* line 117, ../scss/viewlets/_hero.scss */
 #hero.pretty-image-hero > div > *, #hero.full-pretty-image-hero > div > * {
   padding-left: 2rem;
   padding-right: 1rem;
 }
-/* line 121, ../scss/viewlets/_hero.scss */
+/* line 126, ../scss/viewlets/_hero.scss */
 #hero.pretty-image-hero img {
   height: 500px;
 }
-/* line 126, ../scss/viewlets/_hero.scss */
+@media (max-width: 992px) {
+  /* line 126, ../scss/viewlets/_hero.scss */
+  #hero.pretty-image-hero img {
+    height: unset;
+  }
+}
+/* line 135, ../scss/viewlets/_hero.scss */
 #hero.full-pretty-image-hero {
   width: 100%;
   height: calc(100dvh - 92px);
@@ -14164,30 +14177,30 @@ body.template-homepage #hero {
   background-position: center center;
   background-repeat: no-repeat;
 }
-/* line 138, ../scss/viewlets/_hero.scss */
+/* line 147, ../scss/viewlets/_hero.scss */
 #hero.full-pretty-image-hero a.down-hero {
   font-size: 3rem;
   color: var(--bs-primary);
   position: absolute;
   bottom: 1.5rem;
 }
 @media (max-width: 768px) {
-  /* line 138, ../scss/viewlets/_hero.scss */
+  /* line 147, ../scss/viewlets/_hero.scss */
   #hero.full-pretty-image-hero a.down-hero {
     bottom: 1rem;
   }
 }
-/* line 148, ../scss/viewlets/_hero.scss */
+/* line 157, ../scss/viewlets/_hero.scss */
 #hero.full-pretty-image-hero a.down-hero:hover {
   color: var(--bs-primary-hover);
 }
-/* line 154, ../scss/viewlets/_hero.scss */
+/* line 163, ../scss/viewlets/_hero.scss */
 #hero img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-/* line 160, ../scss/viewlets/_hero.scss */
+/* line 169, ../scss/viewlets/_hero.scss */
 #hero h2,
 #hero h1,
 #hero .h2,

diff --git a/src/genweb6/theme/theme/stylesheets/theme.min.css b/src/genweb6/theme/theme/stylesheets/theme.min.css