@minvws/manon-themes 18.1.0 → 18.3.0

package/dist/rijkshuisstijl-2008/manon.rijkshuisstijl-2008_ruby-red.css

@@ -1446,8 +1446,13 @@ body > footer .content-wrapper,
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
+  padding-right: 3rem;
+  padding-left: 3rem;
+  max-width: 82rem;
   display: flex;
   width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
 }
 body > footer a,
 .manon-root > footer a,
@@ -1556,6 +1561,7 @@ body > footer .meta,
   align-items: flex-end;
   justify-content: flex-end;
   margin: 3rem 0 0 0;
+  max-width: 82rem;
 }
 body > footer .meta,
 .manon-root > footer .meta,
@@ -2559,18 +2565,21 @@ body > header nav,
   width: 100%;
   background-color: #ca005d;
   padding-top: 0;
-  padding-right: 3%;
+  padding-right: 0;
   padding-bottom: 0;
-  padding-left: 3%;
+  padding-left: 0;
   min-height: 4.375rem;
 }
-body > header nav > div,
-.manon-root > header nav > div,
-.page-header nav > div {
+body > header nav .content-wrapper,
+.manon-root > header nav .content-wrapper,
+.page-header nav .content-wrapper {
   display: flex;
   width: 100%;
   margin: 0 auto;
   box-sizing: border-box;
+  padding-right: 3rem;
+  padding-left: 3rem;
+  max-width: 82rem;
 }
 body > header .actions,
 .manon-root > header .actions,
@@ -3253,7 +3262,8 @@ ol {
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
-  padding: 1rem;
+  padding: 0 1rem;
+  margin: 0;
 }
 ul li,
 ol li {
@@ -3455,7 +3465,6 @@ nav ul li {
   padding: 0.5rem 0;
 }
 nav ul li::before {
-  border: 1px dashed red;
   mask-size: contain;
   content: "";
   display: inline-block;
@@ -3468,6 +3477,8 @@ nav ul li::before {
 }
 nav .collapsing-element,
 nav .content-wrapper {
+  display: flex;
+  width: 100%;
   justify-content: space-between;
 }
 .nota-bene {
@@ -4733,7 +4744,7 @@ ul.tiles > li > section,
 }
 
 .tiles {
-  align-items: flex-start;
+  align-items: stretch;
   /* render each div, nav or section directly within a tiles group as a tile */
 }
 .tiles > div,
@@ -4804,6 +4815,20 @@ ul.tiles > li > a {
   width: 100%;
   box-sizing: border-box;
 }
+.column-2 > section.content-wrapper,
+.column-2 > article.content-wrapper,
+.column-2 > div.content-wrapper,
+.column-3 > section.content-wrapper,
+.column-3 > article.content-wrapper,
+.column-3 > div.content-wrapper,
+.column-4 > section.content-wrapper,
+.column-4 > article.content-wrapper,
+.column-4 > div.content-wrapper {
+  padding: 0;
+  gap: 2rem;
+  display: flex;
+  flex-direction: column;
+}
 .column-2 img,
 .column-3 img,
 .column-4 img {
@@ -4834,6 +4859,9 @@ ul.tiles > li > a {
   width: 100%;
   box-sizing: border-box;
   margin: 0 auto;
+  gap: 1.25rem;
+  display: flex;
+  flex-direction: column;
 }
 
 *.focus-only,
@@ -4910,7 +4938,7 @@ table.nowrap td a,
   flex-direction: row;
   width: 100%;
   box-sizing: border-box;
-  gap: 1rem;
+  gap: 3rem;
 }
 .one-third-two-thirds > * {
   max-width: 100%;
@@ -4920,20 +4948,23 @@ table.nowrap td a,
 .one-third-two-thirds img {
   max-width: 100%;
 }
-.one-third-two-thirds > section,
-.one-third-two-thirds > article,
-.one-third-two-thirds > div {
+.one-third-two-thirds > section.content-wrapper,
+.one-third-two-thirds > article.content-wrapper,
+.one-third-two-thirds > div.content-wrapper {
   padding: 0;
+  gap: 2rem;
+  display: flex;
+  flex-direction: column;
 }
 @media (width >= 42rem) {
   .one-third-two-thirds {
-    gap: 1rem;
+    gap: 3rem;
   }
-  .one-third-two-thirds > * {
-    width: calc(66.66% - 0.5rem);
+  .one-third-two-thirds > *:nth-child(even) {
+    width: calc(66.66% - 1.5rem);
   }
   .one-third-two-thirds > *:nth-child(odd) {
-    width: calc(33.33% - 0.5rem);
+    width: calc(33.33% - 1.5rem);
   }
 }
 
@@ -4962,7 +4993,7 @@ table.nowrap td a,
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
-  gap: 1rem;
+  gap: 3rem;
   width: 100%;
 }
 .two-thirds-one-third > * {
@@ -4973,20 +5004,23 @@ table.nowrap td a,
 .two-thirds-one-third img {
   max-width: 100%;
 }
-.two-thirds-one-third > section,
-.two-thirds-one-third > article,
-.two-thirds-one-third > div {
+.two-thirds-one-third > section.content-wrapper,
+.two-thirds-one-third > article.content-wrapper,
+.two-thirds-one-third > div.content-wrapper {
   padding: 0;
+  gap: 2rem;
+  display: flex;
+  flex-direction: column;
 }
 @media (width >= 42rem) {
   .two-thirds-one-third {
-    gap: 1rem;
+    gap: 3rem;
   }
-  .two-thirds-one-third > * {
-    width: calc(33.33% - 0.5rem);
+  .two-thirds-one-third > *:nth-child(even) {
+    width: calc(33.33% - 1.5rem);
   }
   .two-thirds-one-third > *:nth-child(odd) {
-    width: calc(66.66% - 0.5rem);
+    width: calc(66.66% - 1.5rem);
   }
 }