add scss to work with volto-light-theme

kitconcept · Dec 28, 2023 · a1b28d3 · a1b28d3
1 parent 23d0f6a
commit a1b28d3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/theme/_main.scss b/src/theme/_main.scss
@@ -0,0 +1,9 @@
+//Specific styles for volto-light-theme
+.block.logos .ui.stackable,
+.block.logos .grid-items,
+.block.logos h2.headline{
+  @include default-container-width();
+    // Adding 2 * 10px (one for each side) we force the container to extend the value of
+    // the gutter to match the other blocks margin.
+  max-width: calc(var(--default-container-width) + 2 * 10px);
+}
diff --git a/src/theme/main.less b/src/theme/main.less
@@ -96,7 +96,7 @@
     }
 
     h3 {
-      width: 300px;
+      max-width: 300px;
     }
   }
 
@@ -118,6 +118,6 @@
   }
 
   h3 {
-    width: 400px;
+    max-width: 400px;
   }
 }