@total_onion/onion-library 3.0.15 → 3.0.18

package/public/block-featured-image-gallery-v3/featured-image-gallery-v3.css

@@ -13,8 +13,6 @@
 .featured-image-gallery-v3__featured-image-container {
   perspective: 1000px;
   grid-area: featured;
-  align-self: stretch;
-  justify-self: stretch;
   place-self: stretch;
   aspect-ratio: 1;
 }
@@ -41,8 +39,6 @@
 }
 .featured-image-gallery-v3__featured-image-back {
   display: grid;
-  align-items: center;
-  justify-items: center;
   place-items: center;
   background-color: var(--bally-blue-dark);
   transform: rotateY(180deg);
@@ -67,8 +63,6 @@
 }
 .featured-image-gallery-v3__other-images {
   grid-area: other;
-  align-self: stretch;
-  justify-self: stretch;
   place-self: stretch;
   display: grid;
   aspect-ratio: 1;

package/public/block-form-selection-v3/form-selection-v3.css

@@ -4,10 +4,7 @@
 .form-selection-v3__container-modal {
   display: none;
   position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   z-index: 9998;
   background-color: rgba(0, 0, 0, 0.4);
 }

package/public/block-gradient-layer-v3/gradient-layer-v3.css

@@ -5,10 +5,7 @@
 }
 .gradient-layer-v3__gradient-overlay-element {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   z-index: var(--gradient-zindex);
   grid-area: var(--gradient-grid-area);
 }
@@ -17,10 +14,7 @@
   content: "";
   pointer-events: none;
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   opacity: var(--gradient-opacity);
 }
 .gradient-layer-v3__gradient-overlay-element::before {
@@ -44,9 +38,6 @@
   background: var(--blur-colour);
   backdrop-filter: blur(var(--blur-value));
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   z-index: var(--blur-zindex);
 }

package/public/block-group-container-v3/group-container-v3.css

@@ -2,14 +2,10 @@
 .group-container-v3 {
   display: grid;
   grid-template: "main"/1fr;
-  align-items: center;
-  justify-items: center;
   place-items: center;
 }
 .group-container-v3__grid-container {
   grid-area: main;
-  align-self: stretch;
-  justify-self: stretch;
   place-self: stretch;
 }
 .group-container-v3__grid-container.flex-layout-container {
@@ -87,16 +83,12 @@
   .group-container-v3__grid-container.grid-layout-container.scroll-btns-desktop::scroll-button(left) {
     content: "\25c4";
     position: absolute;
-    align-self: center;
-    justify-self: flex-start;
     place-self: center flex-start;
     z-index: 50;
   }
   .group-container-v3__grid-container.grid-layout-container.scroll-btns-desktop::scroll-button(right) {
     content: "\25ba";
     position: absolute;
-    align-self: center;
-    justify-self: flex-end;
     place-self: center flex-end;
     z-index: 50;
   }
@@ -127,16 +119,12 @@
   .group-container-v3__grid-container.grid-layout-container.scroll-btns-portrait::scroll-button(left) {
     content: "\25c4";
     position: absolute;
-    align-self: center;
-    justify-self: flex-start;
     place-self: center flex-start;
     z-index: 50;
   }
   .group-container-v3__grid-container.grid-layout-container.scroll-btns-portrait::scroll-button(right) {
     content: "\25ba";
     position: absolute;
-    align-self: center;
-    justify-self: flex-end;
     place-self: center flex-end;
     z-index: 50;
   }
@@ -167,16 +155,12 @@
   .group-container-v3__grid-container.grid-layout-container.scroll-btns-mobile::scroll-button(left) {
     content: "\25c4";
     position: absolute;
-    align-self: center;
-    justify-self: flex-start;
     place-self: center flex-start;
     z-index: 50;
   }
   .group-container-v3__grid-container.grid-layout-container.scroll-btns-mobile::scroll-button(right) {
     content: "\25ba";
     position: absolute;
-    align-self: center;
-    justify-self: flex-end;
     place-self: center flex-end;
     z-index: 50;
   }
@@ -265,8 +249,6 @@
   z-index: var(--element-z-index, 5);
   grid-row: var(--grid-row-start-mobile)/span var(--grid-row-span-mobile);
   grid-column: var(--grid-column-start-mobile)/span var(--grid-column-span-mobile);
-  align-self: var(--grid-vertical-placement-mobile);
-  justify-self: var(--grid-horizontal-placement-mobile);
   place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
 }
 .group-container-v3__block-container.grid-layout-container:has(> .subgrid-layout-mobile) {
@@ -280,8 +262,6 @@
   .group-container-v3__block-container.grid-layout-container {
     grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
     grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
-    align-self: var(--grid-vertical-placement-portrait);
-    justify-self: var(--grid-horizontal-placement-portrait);
     place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
   }
   .group-container-v3__block-container.grid-layout-container:has(> .subgrid-layout-portrait) {
@@ -296,8 +276,6 @@
   .group-container-v3__block-container.grid-layout-container {
     grid-row: var(--grid-row-start)/span var(--grid-row-span);
     grid-column: var(--grid-column-start)/span var(--grid-column-span);
-    align-self: var(--grid-vertical-placement-desktop);
-    justify-self: var(--grid-horizontal-placement-desktop);
     place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
   }
   .group-container-v3__block-container.grid-layout-container:has(> .subgrid-layout-desktop) {

package/public/block-market-selector-v3/market-selector-v3.css

@@ -69,8 +69,6 @@
   grid-template-columns: repeat(2, 1fr);
   grid-auto-rows: auto;
   text-transform: uppercase;
-  align-items: flex-start;
-  justify-items: flex-start;
   place-items: flex-start;
   grid-gap: calc(10 / var(--design-reference) * var(--screen-width));
   gap: calc(10 / var(--design-reference) * var(--screen-width));
@@ -93,7 +91,6 @@
 }
 .market-selector-v3 a.market-selector-v3__market-link,
 .market-selector-v3 a.market-selector-v3__market-link--active {
-  -webkit-text-decoration: none;
   text-decoration: none;
   color: #2d2926;
   font-weight: 400;