@baloise/ds-styles 17.3.0 → 17.4.0-nightly.20250207

package/css/all.css

@@ -600,7 +600,7 @@ fieldset {
 }
 /**
  * Do not edit directly
- * Generated on Thu, 16 Jan 2025 14:24:58 GMT
+ * Generated on Fri, 07 Feb 2025 06:14:26 GMT
  */
 :root {
   --bal-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); /* Increases readability when used on a image background. */
@@ -613,6 +613,7 @@ fieldset {
   --bal-opacity-0: 0;
   --bal-font-family-text: BaloiseCreateText, Arial, sans-serif;
   --bal-font-family-title: BaloiseCreateHeadline, Arial, sans-serif;
+  --bal-shadow-header: 0 4px 4px 0 rgba(0, 7, 57, 0.15); /* Shadow effect for a header bar */
   --bal-shadow-large: 0 0 30px 0 rgba(0, 7, 57, 0.15); /* Large shadow are used for hover effects. */
   --bal-shadow-normal: 0 0 10px 0 rgba(0, 7, 57, 0.15); /* Default shadow size to elevate an element. */
   --bal-shadow-small: 0px 2px 5px 1px rgba(0, 7, 57, 0.12);
@@ -1952,7 +1953,7 @@ input.is-grouped {
 }
 
 .field:not(:last-child) {
-  margin-bottom: 0.75rem;
+  margin-bottom: 0.25rem;
 }
 .field.has-addons {
   display: flex;
@@ -4581,6 +4582,19 @@ ul.is-list {
     margin-bottom: 2rem;
   }
 }
+ol.list.is-inside,
+ul.list.is-inside,
+ol.is-list.is-inside,
+ul.is-list.is-inside {
+  list-style-position: inside !important;
+  margin-left: 0;
+}
+ol.list.is-inside li,
+ul.list.is-inside li,
+ol.is-list.is-inside li,
+ul.is-list.is-inside li {
+  list-style-position: inside !important;
+}
 ol.list li,
 ul.list li,
 ol.is-list li,
@@ -11410,6 +11424,10 @@ table.table td.has-buttons .buttons {
   box-shadow: var(--bal-shadow-large) !important;
 }
 
+.shadow-header {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
 .focus\:shadow-none:focus {
   box-shadow: none !important;
 }
@@ -11458,6 +11476,18 @@ table.table td.has-buttons .buttons {
   box-shadow: var(--bal-shadow-large) !important;
 }
 
+.focus\:shadow-header:focus {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
+.hover\:shadow-header:hover {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
+.active\:shadow-header:active {
+  box-shadow: var(--bal-shadow-header) !important;
+}
+
 @media screen and (max-width: 768px) {
   .mobile\:shadow-none {
     box-shadow: none !important;
@@ -11471,6 +11501,9 @@ table.table td.has-buttons .buttons {
   .mobile\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .mobile\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .mobile\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -11507,6 +11540,15 @@ table.table td.has-buttons .buttons {
   .mobile\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .mobile\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .mobile\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .mobile\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 @media screen and (min-width: 769px), print {
   .tablet\:shadow-none {
@@ -11521,6 +11563,9 @@ table.table td.has-buttons .buttons {
   .tablet\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .tablet\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .tablet\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -11557,6 +11602,15 @@ table.table td.has-buttons .buttons {
   .tablet\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .tablet\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .tablet\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .tablet\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 @media screen and (min-width: 1024px) {
   .desktop\:shadow-none {
@@ -11571,6 +11625,9 @@ table.table td.has-buttons .buttons {
   .desktop\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .desktop\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .desktop\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -11607,6 +11664,15 @@ table.table td.has-buttons .buttons {
   .desktop\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .desktop\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .desktop\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .desktop\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 @media screen and (min-width: 1440px) {
   .widescreen\:shadow-none {
@@ -11621,6 +11687,9 @@ table.table td.has-buttons .buttons {
   .widescreen\:shadow-large {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .widescreen\:shadow-header {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
   .widescreen\:focus\:shadow-none:focus {
     box-shadow: none !important;
   }
@@ -11657,6 +11726,15 @@ table.table td.has-buttons .buttons {
   .widescreen\:active\:shadow-large:active {
     box-shadow: var(--bal-shadow-large) !important;
   }
+  .widescreen\:focus\:shadow-header:focus {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .widescreen\:hover\:shadow-header:hover {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
+  .widescreen\:active\:shadow-header:active {
+    box-shadow: var(--bal-shadow-header) !important;
+  }
 }
 .text-shadow-normal {
   text-shadow: var(--bal-text-shadow-normal) !important;
@@ -12687,6 +12765,136 @@ table.table td.has-buttons .buttons {
          column-gap: var(--bal-space-xxxx-large-desktop) !important;
   }
 }
+.gap-none {
+  gap: 0 !important;
+}
+
+.gap-auto {
+  gap: auto !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:gap-none {
+    gap: 0 !important;
+  }
+  .mobile\:gap-auto {
+    gap: auto !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:gap-none {
+    gap: 0 !important;
+  }
+  .tablet\:gap-auto {
+    gap: auto !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:gap-none {
+    gap: 0 !important;
+  }
+  .desktop\:gap-auto {
+    gap: auto !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:gap-none {
+    gap: 0 !important;
+  }
+  .widescreen\:gap-auto {
+    gap: auto !important;
+  }
+}
+.row-gap-none {
+  row-gap: 0 !important;
+}
+
+.row-gap-auto {
+  row-gap: auto !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .mobile\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .tablet\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .desktop\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:row-gap-none {
+    row-gap: 0 !important;
+  }
+  .widescreen\:row-gap-auto {
+    row-gap: auto !important;
+  }
+}
+.column-gap-none {
+  -moz-column-gap: 0 !important;
+       column-gap: 0 !important;
+}
+
+.column-gap-auto {
+  -moz-column-gap: auto !important;
+       column-gap: auto !important;
+}
+
+@media screen and (max-width: 768px) {
+  .mobile\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .mobile\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
+@media screen and (min-width: 769px), print {
+  .tablet\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .tablet\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .desktop\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .desktop\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .widescreen\:column-gap-none {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .widescreen\:column-gap-auto {
+    -moz-column-gap: auto !important;
+         column-gap: auto !important;
+  }
+}
 .table:not(:last-child), .table-container:not(:last-child) {
   margin-bottom: 0.25rem;
 }
@@ -13349,6 +13557,18 @@ table.table td.has-buttons .buttons {
   top: auto !important;
 }
 
+.top-1rem {
+  top: 1rem !important;
+}
+
+.top-0-5rem {
+  top: 0.5rem !important;
+}
+
+.top-0-25rem {
+  top: 0.25rem !important;
+}
+
 .top-0 {
   top: 0 !important;
 }
@@ -13365,6 +13585,15 @@ table.table td.has-buttons .buttons {
   .mobile\:top-auto {
     top: auto !important;
   }
+  .mobile\:top-1rem {
+    top: 1rem !important;
+  }
+  .mobile\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .mobile\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .mobile\:top-0 {
     top: 0 !important;
   }
@@ -13379,6 +13608,15 @@ table.table td.has-buttons .buttons {
   .tablet\:top-auto {
     top: auto !important;
   }
+  .tablet\:top-1rem {
+    top: 1rem !important;
+  }
+  .tablet\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .tablet\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .tablet\:top-0 {
     top: 0 !important;
   }
@@ -13393,6 +13631,15 @@ table.table td.has-buttons .buttons {
   .desktop\:top-auto {
     top: auto !important;
   }
+  .desktop\:top-1rem {
+    top: 1rem !important;
+  }
+  .desktop\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .desktop\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .desktop\:top-0 {
     top: 0 !important;
   }
@@ -13407,6 +13654,15 @@ table.table td.has-buttons .buttons {
   .widescreen\:top-auto {
     top: auto !important;
   }
+  .widescreen\:top-1rem {
+    top: 1rem !important;
+  }
+  .widescreen\:top-0-5rem {
+    top: 0.5rem !important;
+  }
+  .widescreen\:top-0-25rem {
+    top: 0.25rem !important;
+  }
   .widescreen\:top-0 {
     top: 0 !important;
   }
@@ -13421,6 +13677,10 @@ table.table td.has-buttons .buttons {
   right: auto !important;
 }
 
+.right-1rem {
+  right: 1rem !important;
+}
+
 .right-0 {
   right: 0 !important;
 }
@@ -13437,6 +13697,9 @@ table.table td.has-buttons .buttons {
   .mobile\:right-auto {
     right: auto !important;
   }
+  .mobile\:right-1rem {
+    right: 1rem !important;
+  }
   .mobile\:right-0 {
     right: 0 !important;
   }
@@ -13451,6 +13714,9 @@ table.table td.has-buttons .buttons {
   .tablet\:right-auto {
     right: auto !important;
   }
+  .tablet\:right-1rem {
+    right: 1rem !important;
+  }
   .tablet\:right-0 {
     right: 0 !important;
   }
@@ -13465,6 +13731,9 @@ table.table td.has-buttons .buttons {
   .desktop\:right-auto {
     right: auto !important;
   }
+  .desktop\:right-1rem {
+    right: 1rem !important;
+  }
   .desktop\:right-0 {
     right: 0 !important;
   }
@@ -13479,6 +13748,9 @@ table.table td.has-buttons .buttons {
   .widescreen\:right-auto {
     right: auto !important;
   }
+  .widescreen\:right-1rem {
+    right: 1rem !important;
+  }
   .widescreen\:right-0 {
     right: 0 !important;
   }
@@ -13493,6 +13765,10 @@ table.table td.has-buttons .buttons {
   bottom: auto !important;
 }
 
+.bottom-1rem {
+  bottom: 1rem !important;
+}
+
 .bottom-0 {
   bottom: 0 !important;
 }
@@ -13509,6 +13785,9 @@ table.table td.has-buttons .buttons {
   .mobile\:bottom-auto {
     bottom: auto !important;
   }
+  .mobile\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .mobile\:bottom-0 {
     bottom: 0 !important;
   }
@@ -13523,6 +13802,9 @@ table.table td.has-buttons .buttons {
   .tablet\:bottom-auto {
     bottom: auto !important;
   }
+  .tablet\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .tablet\:bottom-0 {
     bottom: 0 !important;
   }
@@ -13537,6 +13819,9 @@ table.table td.has-buttons .buttons {
   .desktop\:bottom-auto {
     bottom: auto !important;
   }
+  .desktop\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .desktop\:bottom-0 {
     bottom: 0 !important;
   }
@@ -13551,6 +13836,9 @@ table.table td.has-buttons .buttons {
   .widescreen\:bottom-auto {
     bottom: auto !important;
   }
+  .widescreen\:bottom-1rem {
+    bottom: 1rem !important;
+  }
   .widescreen\:bottom-0 {
     bottom: 0 !important;
   }
@@ -13565,6 +13853,10 @@ table.table td.has-buttons .buttons {
   left: auto !important;
 }
 
+.left-1rem {
+  left: 1rem !important;
+}
+
 .left-0 {
   left: 0 !important;
 }
@@ -13581,6 +13873,9 @@ table.table td.has-buttons .buttons {
   .mobile\:left-auto {
     left: auto !important;
   }
+  .mobile\:left-1rem {
+    left: 1rem !important;
+  }
   .mobile\:left-0 {
     left: 0 !important;
   }
@@ -13595,6 +13890,9 @@ table.table td.has-buttons .buttons {
   .tablet\:left-auto {
     left: auto !important;
   }
+  .tablet\:left-1rem {
+    left: 1rem !important;
+  }
   .tablet\:left-0 {
     left: 0 !important;
   }
@@ -13609,6 +13907,9 @@ table.table td.has-buttons .buttons {
   .desktop\:left-auto {
     left: auto !important;
   }
+  .desktop\:left-1rem {
+    left: 1rem !important;
+  }
   .desktop\:left-0 {
     left: 0 !important;
   }
@@ -13623,6 +13924,9 @@ table.table td.has-buttons .buttons {
   .widescreen\:left-auto {
     left: auto !important;
   }
+  .widescreen\:left-1rem {
+    left: 1rem !important;
+  }
   .widescreen\:left-0 {
     left: 0 !important;
   }