@worksafevictoria/wcl7.5 1.1.0-beta.56 → 1.1.0-beta.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.1.0-beta.56",
+  "version": "1.1.0-beta.58",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {
@@ -88,7 +88,6 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sass": "1.77.6",
-    "sass-loader": "^13.3.2",
     "semantic-release": "^19.0.3",
     "storybook": "^7.5.1",
     "stylelint": "^15.11.0",

package/src/components/Global/Cookies/index.vue

@@ -429,4 +429,11 @@ export default {
 
 <style lang="scss" scoped>
 @import './styles';
+
+#mainCookieContainer {
+  .modal-dialog {
+    max-width: var(--bs-modal-width);
+    margin: 1.75rem auto;
+  }
+}
 </style>

package/src/includes/scss/mixins/src/units.scss

@@ -53,10 +53,11 @@ $current-rootsize: 16px;
 
 
 // Converts a px value to rems. Should only work in absolute em document context (root level), unless $context is specified
-@function px-to-rem($value, $context: $current-rootsize) {
-    @if unit($context) == "rem" {
-        $context: rem-to-px($context);
-    }
+/**/ 
+/* @function px-to-rem($value, $context: $current-rootsize) {
+    //@if unit($context) == "rem" {
+    //    $context: rem-to-px($context);
+    //}
     $result: ();
 
     @each $val in $value {
@@ -67,6 +68,25 @@ $current-rootsize: 16px;
       }
     }
     @return $result;
+}  */
+
+@function px-to-rem($px, $context: $current-rootsize) {
+  @if unit($context) == "rem" {
+      $context: rem-to-px($context);
+  }
+  $result: ();
+
+  // Iterate over each value in the $px list
+  @each $val in $px {
+    @if unit($val) == "px" {
+      // Convert px to rem
+      $val: #{$val / $context}rem;
+    }
+    // Append converted value to the result list
+    $result: append($result, $val);
+  }
+
+  @return $result;
 }
 
 // Converts a em value to rems. Should only work in absolute em document context (root level), unless $context is specified