sync

leuffen · May 17, 2024 · 677a6f3 · 677a6f3
1 parent 0ac41f8
commit 677a6f3
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/elements/_image-list.scss b/elements/_image-list.scss
@@ -13,10 +13,11 @@ ul.image-list {
 
     list-style: none;
     &>li {
-        width: calc(100% / var(--layout-columns));
         padding: 10px;
         min-width: var(--layout-min-width);
 
+        flex: 1 1 calc(100% / var(--layout-columns));
+
         img {
             height: var(--layout-image-height);
             width: var(--layout-image-height);

diff --git a/sections/hero-max/hero-max.scss b/sections/hero-max/hero-max.scss
@@ -9,6 +9,8 @@
     --layout-desktop-image-mask: none;
 
     --layout-desktop-top-space: 200px;
+    --layout-desktop-min-height: 600px;
+    --layout-desktop-max-height: 1100px;
 
     --joda-class: ":: mobile :xl: desktop";
     --layout-image-ratio: 16 / 10;
@@ -75,12 +77,12 @@
             height: 100%;
         }
 
-        min-height: var(--layout-min-height, 400px);
+        min-height: var(--layout-desktop-min-height);
         position: relative;
         &.tjs__hero-max--autoheight {
             height: calc(100vh - var(--t-fullsize-modifier, 200px));
-            min-height: var(--layout-min-height, 400px);
-            max-height: var(--layout-max-height, 1000px);
+            min-height: var(--layout-desktop-min-height);
+            max-height: var(--layout-destkop-max-height);
         }
         &>slot {
             display: block;

diff --git a/sections/navbar-centerlogo/navbar-centerlogo.scss b/sections/navbar-centerlogo/navbar-centerlogo.scss
@@ -21,7 +21,7 @@
     --layout-burger-color: var(--t-accent);
     --layout-menu-color: var(--bs-primary);
     --layout-image-height: 80px;
-    --layout-zoom-ratio: 2;
+    --layout-zoom-ratio: 1.6;
     --layout-zoom-ratio-mobile: 1.3;
     --layout-backdrop-height: 20px;
 
@@ -31,8 +31,10 @@
 
 
     --e-zoom-ratio: var(--layout-zoom-ratio);
+    --e-translatey: 70%;
     @media (width < $breakpoint-mobile) {
         --e-zoom-ratio: var(--layout-zoom-ratio-mobile);
+        --e-translatey: 50%;
     }
 
 
@@ -114,7 +116,9 @@
                 img {
                     height: var(--layout-image-height);
                     transition: all 0.25s ease-in-out;
-                    width: auto;  transform: translateY(50% ) scale(var(--e-zoom-ratio));
+                    width: auto;
+
+                    transform: translateY(var(--e-translatey)) scale(var(--e-zoom-ratio));
                     max-width: 70vw;
                 }