@minvws/manon-themes 18.1.0 → 18.3.0

package/dist/kat/manon.kat.css

@@ -481,12 +481,6 @@ and spacing sets */
   background-color: #000000;
 }
 
-.icon-history {
-  mask: url("./img/icons/tabler/history.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/history.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-home {
   mask: url("./img/icons/tabler/home.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/home.svg") no-repeat center/contain;
@@ -505,24 +499,6 @@ and spacing sets */
   background-color: #000000;
 }
 
-.icon-key {
-  mask: url("./img/icons/tabler/key.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/key.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-language {
-  mask: url("./img/icons/tabler/language.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/language.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-layers {
-  mask: url("./img/icons/tabler/layers.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/layers.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-link {
   mask: url("./img/icons/tabler/link.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/link.svg") no-repeat center/contain;
@@ -541,102 +517,30 @@ and spacing sets */
   background-color: #000000;
 }
 
-.icon-log-out {
-  mask: url("./img/icons/tabler/log-out.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/log-out.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-menu {
-  mask: url("./img/icons/tabler/menu.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/menu.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-microphone {
-  mask: url("./img/icons/tabler/microphone.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/microphone.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-minus {
   mask: url("./img/icons/tabler/minus.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/minus.svg") no-repeat center/contain;
   background-color: #000000;
 }
 
-.icon-minus-circle {
-  mask: url("./img/icons/tabler/minus-circle.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/minus-circle.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-more-horizontal {
-  mask: url("./img/icons/tabler/more-horizontal.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/more-horizontal.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-more-vertical {
-  mask: url("./img/icons/tabler/more-vertical.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/more-vertical.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-notification {
-  mask: url("./img/icons/tabler/notification.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/notification.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-on-off {
   mask: url("./img/icons/tabler/on-off.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/on-off.svg") no-repeat center/contain;
   background-color: #000000;
 }
 
-.icon-paperclip {
-  mask: url("./img/icons/tabler/paperclip.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/paperclip.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-pencil {
   mask: url("./img/icons/tabler/pencil.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/pencil.svg") no-repeat center/contain;
   background-color: #000000;
 }
 
-.icon-person {
-  mask: url("./img/icons/tabler/person.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/person.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-phone {
-  mask: url("./img/icons/tabler/phone.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/phone.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-plus {
   mask: url("./img/icons/tabler/plus.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/plus.svg") no-repeat center/contain;
   background-color: #000000;
 }
 
-.icon-plus-circle {
-  mask: url("./img/icons/tabler/plus-circle.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/plus-circle.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-printer {
-  mask: url("./img/icons/tabler/printer.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/printer.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-outgoing {
   mask: url("./img/icons/tabler/arrow-up-right.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/arrow-up-right.svg") no-repeat center/contain;
@@ -661,12 +565,6 @@ and spacing sets */
   background-color: #000000;
 }
 
-.icon-repeat {
-  mask: url("./img/icons/tabler/repeat.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/repeat.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-search {
   mask: url("./img/icons/tabler/search.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/search.svg") no-repeat center/contain;
@@ -685,72 +583,24 @@ and spacing sets */
   background-color: #000000;
 }
 
-.icon-share {
-  mask: url("./img/icons/tabler/share.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/share.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-sort {
-  mask: url("./img/icons/tabler/sort.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/sort.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-to-top {
   mask: url("./img/icons/tabler/arrow-bar-to-up.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/arrow-bar-to-up.svg") no-repeat center/contain;
   background-color: #000000;
 }
 
-.icon-stop {
-  mask: url("./img/icons/tabler/stop.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/stop.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-trash {
   mask: url("./img/icons/tabler/trash.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/trash.svg") no-repeat center/contain;
   background-color: #000000;
 }
 
-.icon-unlock {
-  mask: url("./img/icons/tabler/unlock.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/unlock.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-upload {
-  mask: url("./img/icons/tabler/upload.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/upload.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-user {
   mask: url("./img/icons/tabler/user.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/user.svg") no-repeat center/contain;
   background-color: #000000;
 }
 
-.icon-users {
-  mask: url("./img/icons/tabler/users.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/users.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-video {
-  mask: url("./img/icons/tabler/video.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/video.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
-.icon-volume {
-  mask: url("./img/icons/tabler/volume.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/volume.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .icon-warning {
   mask: url("./img/icons/tabler/warning.svg") no-repeat center/contain;
   -webkit-mask: url("./img/icons/tabler/warning.svg") no-repeat center/contain;
@@ -763,12 +613,6 @@ and spacing sets */
   background-color: #000000;
 }
 
-.icon-x-circle {
-  mask: url("./img/icons/tabler/x-circle.svg") no-repeat center/contain;
-  -webkit-mask: url("./img/icons/tabler/x-circle.svg") no-repeat center/contain;
-  background-color: #000000;
-}
-
 .accordion, ul.accordion {
   display: flex;
   flex-direction: column;
@@ -2815,9 +2659,9 @@ body > header nav,
   justify-content: space-between;
   width: 100%;
 }
-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;
@@ -3518,6 +3362,11 @@ nav ul li {
   display: flex;
   align-items: center;
 }
+nav .collapsing-element,
+nav .content-wrapper {
+  display: flex;
+  width: 100%;
+}
 .nota-bene {
   margin: 0;
   font-size: 0.875rem;
@@ -4872,6 +4721,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: 1.25rem;
+  display: flex;
+  flex-direction: column;
+}
 .column-2 img,
 .column-3 img,
 .column-4 img {
@@ -4902,6 +4765,9 @@ ul.tiles > li > a {
   width: 100%;
   box-sizing: border-box;
   margin: 0 auto;
+  gap: 1.25rem;
+  display: flex;
+  flex-direction: column;
 }
 
 *.focus-only,
@@ -4979,7 +4845,7 @@ table.nowrap td a,
   flex-direction: row;
   width: 100%;
   box-sizing: border-box;
-  gap: 1rem;
+  gap: 2rem;
 }
 .one-third-two-thirds > * {
   max-width: 100%;
@@ -4989,20 +4855,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: 1.25rem;
+  display: flex;
+  flex-direction: column;
 }
 @media (width >= 42rem) {
   .one-third-two-thirds {
-    gap: 1rem;
+    gap: 2rem;
   }
-  .one-third-two-thirds > * {
-    width: calc(66.66% - 0.5rem);
+  .one-third-two-thirds > *:nth-child(even) {
+    width: calc(66.66% - 1rem);
   }
   .one-third-two-thirds > *:nth-child(odd) {
-    width: calc(33.33% - 0.5rem);
+    width: calc(33.33% - 1rem);
   }
 }
 
@@ -5031,7 +4900,7 @@ table.nowrap td a,
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
-  gap: 1rem;
+  gap: 2rem;
   width: 100%;
 }
 .two-thirds-one-third > * {
@@ -5042,20 +4911,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: 1.25rem;
+  display: flex;
+  flex-direction: column;
 }
 @media (width >= 42rem) {
   .two-thirds-one-third {
-    gap: 1rem;
+    gap: 2rem;
   }
-  .two-thirds-one-third > * {
-    width: calc(33.33% - 0.5rem);
+  .two-thirds-one-third > *:nth-child(even) {
+    width: calc(33.33% - 1rem);
   }
   .two-thirds-one-third > *:nth-child(odd) {
-    width: calc(66.66% - 0.5rem);
+    width: calc(66.66% - 1rem);
   }
 }