styling: add 3 column template class

* used in search headers
inveniosoftware · Sep 19, 2023 · 47f0150 · 47f0150
1 parent c0ddd9e
commit 47f0150
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/invenio_theme/assets/semantic-ui/less/invenio_theme/theme/globals/site.overrides b/invenio_theme/assets/semantic-ui/less/invenio_theme/theme/globals/site.overrides
@@ -465,14 +465,18 @@ code {
   // used on a container with two children <div>
   // provides auto adjustment to the content of the left column
   // and auto fills the width on the right
-  // [   COL1 (auto fill remaining space)  ] [  COL2 (max-content width)   ]
+  // [ COL0 (max-content width) ]  [ COL1 (auto fill remaining space)  ] [  COL2 (max-content width)   ]
   display: grid;
   grid-auto-flow: column;
   grid-template-columns: auto max-content;
   grid-auto-columns: max-content;
   align-items: center;
   column-gap: 1rem;
 
+  &.triple {
+    grid-template-columns: max-content auto max-content;
+  }
+
   &.no-wrap {
     @media all and (max-width: @largestTabletScreen) {
       grid-auto-flow: column;