@ulu/frontend 0.1.0-beta.31 → 0.1.0-beta.33

package/scss/components/_hero.scss

@@ -11,6 +11,7 @@
 @use "../utils";
 @use "../breakpoint";
 @use "../typography";
+@use "../layout";
 
 /// Module Settings
 /// @type Map
@@ -86,11 +87,7 @@ $config: (
     width: 100%;
   }
   #{ $prefix }__graphic-media {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+    @include layout.absolute-fill(true);
     object-fit: cover;
   }
   
@@ -171,11 +168,7 @@ $config: (
       z-index: 2;
     }
     #{ $prefix }__graphic {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
+      @include layout.absolute-fill();
     }
     &#{ $prefix }--bottom,
     &#{ $prefix }--bottom #{ $prefix }__content {

package/scss/components/_overlay-section.scss

@@ -9,6 +9,7 @@
 @use "../utils";
 @use "../breakpoint";
 @use "../color";
+@use "../layout";
 
 /// Module Settings
 /// @type Map
@@ -81,11 +82,7 @@ $config: (
     }
   }
   .overlay-section__background {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    @include layout.absolute-fill();
     img, 
     video {
       object-fit: cover;

package/scss/components/_popover.scss

@@ -251,14 +251,14 @@ $config: (
     visibility: hidden;
     z-index: 1;
     &,
-    &:before {
+    &::before {
       display: block;
       position: absolute;
       width: $size;
       height: $size;
       background: inherit;
     }
-    &:before {
+    &::before {
       visibility: visible;
       content: '';
       transform: rotate(45deg);
@@ -279,7 +279,7 @@ $config: (
   // Account for footer and change arrow color when positioned next to it
   #{ $prefix }__footer ~ #{ $prefix }__arrow {
     [data-placement^="top"] > & {
-      &:before {
+      &::before {
         background-color: get("footer-background-color");
       }
     }
@@ -311,25 +311,25 @@ $config: (
     visibility: hidden;
     z-index: 1;
     &,
-    &:before,
-    &:after {
+    &::before,
+    &::after {
       display: block;
       position: absolute;
       width: $size;
       height: $size;
       background: inherit;
     }
-    &:before,
-    &:after {
+    &::before,
+    &::after {
       visibility: visible;
       content: '';
     }
-    &:before {
+    &::before {
       box-shadow: get("box-shadow");
       transform: rotate(45deg);
     }
     // Masking shape
-    &:after {
+    &::after {
       top: 50%;
       left: 50%;
       transform: translateX(-50%);
@@ -355,8 +355,8 @@ $config: (
   // Account for footer and change arrow color when positioned next to it
   #{ $prefix }__footer ~ #{ $prefix }__arrow {
     [data-placement^="top"] > & {
-      &:before,
-      &:after {
+      &::before,
+      &::after {
         background-color: get("footer-background-color");
       }
     }

package/scss/components/_pull-quote.scss

@@ -83,7 +83,7 @@ $config: (
   #{ $prefix }__body {
     line-height: get("body-line-height");
     @if (get("quote-mark-enabled")) {
-      &:before {
+      &::before {
         display: block;
         position: relative;
         // content: open-quote;

package/scss/components/_ratio-box.scss

@@ -5,6 +5,7 @@
 
 @use "sass:map";
 @use "../utils";
+@use "../layout";
 
 /// Module Settings
 /// @type Map
@@ -49,11 +50,7 @@ $config: (
     padding: get("size") 0 0 0; 
   }
   .ratio-box__content {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+    @include layout.absolute-fill(true);
     border: 0;
   }
   @each $name, $size in get("sizes") {

package/scss/components/_scroll-slider.scss

@@ -124,7 +124,7 @@ $config: (
     @include layout.match-container-margin("scroll-padding-left", get("container"));
     // padding: 1rem;
     // Add space to end of list
-    // &:after {
+    // &::after {
     //   content: "\00a0";
     //   display: block;
     //   width: 1rem;

package/scss/components/_spoke-spinner.scss

@@ -96,7 +96,7 @@ $styles: () !default;
     transform-origin: $sizeHalf $sizeHalf;
     animation: UluFadeOut get("duration") linear infinite;
   }
-  #{ $prefix }__spinner div:after {
+  #{ $prefix }__spinner div::after {
     content: " ";
     display: block;
     position: absolute;
@@ -181,7 +181,7 @@ $styles: () !default;
         transform-origin: $sizeHalf $sizeHalf;
         animation-duration: map.get($merged, "duration");
       }
-      #{ $prefix }__spinner div:after {
+      #{ $prefix }__spinner div::after {
         left: $sizeHalf - $spoke-widthHalf;
         width: $spoke-width;
         height: map.get($merged, "spoke-height");

package/scss/components/_vignette.scss

@@ -8,6 +8,7 @@
 @use "sass:map";
 @use "../utils";
 @use "../selector";
+@use "../layout";
 
 /// Module Settings
 /// @type Map
@@ -49,11 +50,7 @@ $config: (
     &::after {
       content: "";
       display: block;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
+      @include layout.absolute-fill();
       background: linear-gradient(0deg,color.change(get("background-color"), $alpha: 0.8),color.change(get("background-color"), $alpha: 0) 45%);
       pointer-events: none;
     }

package/types/ui/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../js/ui/tooltip.js"],"names":[],"mappings":"AAmBA;;GAEG;AACH,6BAGC;AAED;;;;GAIG;AACH,8BAGC;AAED,oDAOC;AAED;;;;GAIG;AACH;IACE;;OAEG;IACH;QACE;;;;WAIG;;QAEH;;;WAGG;;;;;QAKH;;;WAGG;qBADO,SAAO,IAAI;QAGrB;;WAEG;;QAEH;;;WAGG;;QAEH;;;WAGG;oBADO,aAAc;QAGxB;;;WAGG;oBADO,aAAc;QAGxB;;;WAGG;;QAEH;;WAEG;;QAUH;;;WAGG;;MAIH;IACF,kCAEE;IACF,mEAaC;IAPC,aAA+D;IAC/D,qBAAyF;IACzF,cAA+B;IAC/B,aAAkB;IAClB,gBAAmB;IAIrB,cAIC;IACD,2BAKC;IACD,gBAGC;IACD,uBAcC;IACD,gCASC;IACD,6BAkBC;IACD,uBAiCC;IACD,wBAiBC;IACD,wCAmBC;IACD,sDAEC;IACD,+BAEC;IADC,0BAA4E;IAE9E,gCAKC;IACD,uBAEC;IACD,uBAEC;CACF"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../js/ui/tooltip.js"],"names":[],"mappings":"AAmBA;;GAEG;AACH,6BAGC;AAED;;;;GAIG;AACH,8BAGC;AAED,oDAQC;AAED;;;;GAIG;AACH;IACE;;OAEG;IACH;QACE;;;;WAIG;;QAEH;;;WAGG;;;;;QAKH;;;WAGG;qBADO,SAAO,IAAI;QAGrB;;WAEG;;QAEH;;;WAGG;;QAEH;;;WAGG;oBADO,aAAc;QAGxB;;;WAGG;oBADO,aAAc;QAGxB;;;WAGG;;QAEH;;WAEG;;QAUH;;;WAGG;;MAIH;IACF,kCAEE;IACF,mEAaC;IAPC,aAA+D;IAC/D,qBAAyF;IACzF,cAA+B;IAC/B,aAAkB;IAClB,gBAAmB;IAIrB,cAIC;IACD,2BAKC;IACD,gBAGC;IACD,uBAcC;IACD,gCASC;IACD,6BAkBC;IACD,uBAiCC;IACD,wBAiBC;IACD,wCAmBC;IACD,sDAEC;IACD,+BAEC;IADC,0BAA4E;IAE9E,gCAKC;IACD,uBAEC;IACD,uBAEC;CACF"}