sempli-website-lib 5.3.2 → 5.3.3-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sempli-website-lib",
-  "version": "5.3.2",
+  "version": "5.3.3-beta",
   "peerDependencies": {
     "@angular/common": "~13.3.4",
     "@angular/core": "~13.3.4",

package/styles/master-app.scss

@@ -4761,15 +4761,15 @@ $min-line-padding: 2px !default;
 $font-unit: if($relative-font-sizing, 1em, $base-font-size) !default;
 
 // The basic unit of font rhythm.
-$base-rhythm-unit: $base-line-height / $base-font-size * $font-unit;
+$base-rhythm-unit: calc($base-line-height / $base-font-size * $font-unit);
 
 // The leader is the amount of whitespace in a line.
 // It might be useful in your calculations.
-$base-leader: ($base-line-height - $base-font-size) * $font-unit / $base-font-size;
+$base-leader: calc(($base-line-height - $base-font-size) * $font-unit / $base-font-size);
 
 // The half-leader is the amount of whitespace above and below a line.
 // It might be useful in your calculations.
-$base-half-leader: $base-leader / 2;
+$base-half-leader: calc($base-leader / 2);
 
 // True if a number has a relative unit.
 @function relative-unit($number) {
@@ -4791,7 +4791,7 @@ $base-half-leader: $base-leader / 2;
   // whose root is set in ems. So we set the root font size in percentages of
   // the default font size.
   * html {
-    font-size: 100% * ($font-size / $browser-default-font-size);
+    font-size: 100% * calc($font-size / $browser-default-font-size);
   }
   html {
     font-size: $font-size;
@@ -4828,7 +4828,7 @@ $base-half-leader: $base-leader / 2;
   @if not($relative-font-sizing) and $from-size != $base-font-size {
     @warn "$relative-font-sizing is false but a relative font size was passed to adjust-font-size-to";
   }
-  font-size: $font-unit * $to-size / $from-size;
+  font-size: calc($font-unit * $to-size / $from-size);
   @include adjust-leading-to($lines, if($relative-font-sizing, $to-size, $base-font-size));
 }
 
@@ -4849,7 +4849,7 @@ $base-half-leader: $base-leader / 2;
   @if not($relative-font-sizing) and $font-size != $base-font-size {
     @warn "$relative-font-sizing is false but a relative font size was passed to the rhythm function";
   }
-  $rhythm: $font-unit * ($lines * $base-line-height - $offset) / $font-size;
+  $rhythm: calc($font-unit * ($lines * $base-line-height - $offset) / $font-size);
   // Round the pixels down to nearest integer.
   @if unit($rhythm) == px {
     $rhythm: floor($rhythm);
@@ -4913,7 +4913,7 @@ $base-half-leader: $base-leader / 2;
     @warn "$relative-font-sizing is false but a relative font size was passed to apply-side-rhythm-border";
   }
   border-#{$side}-style: $border-style;
-  border-#{$side}-width: $font-unit * $width / $font-size;
+  border-#{$side}-width: calc($font-unit * $width / $font-size);
   padding-#{$side}: rhythm($lines, $font-size, $offset: $width);
 }
 
@@ -4924,7 +4924,7 @@ $base-half-leader: $base-leader / 2;
   }
   border: {
     style: $border-style;
-    width: $font-unit * $width / $font-size;
+    width: calc($font-unit * $width / $font-size);
   };
   padding: rhythm($lines, $font-size, $offset: $width);
 }

package/styles/master-landing.scss

@@ -4761,15 +4761,15 @@ $min-line-padding: 2px !default;
 $font-unit: if($relative-font-sizing, 1em, $base-font-size) !default;
 
 // The basic unit of font rhythm.
-$base-rhythm-unit: $base-line-height / $base-font-size * $font-unit;
+$base-rhythm-unit: calc($base-line-height / $base-font-size * $font-unit);
 
 // The leader is the amount of whitespace in a line.
 // It might be useful in your calculations.
-$base-leader: ($base-line-height - $base-font-size) * $font-unit / $base-font-size;
+$base-leader: calc(($base-line-height - $base-font-size) * $font-unit / $base-font-size);
 
 // The half-leader is the amount of whitespace above and below a line.
 // It might be useful in your calculations.
-$base-half-leader: $base-leader / 2;
+$base-half-leader: calc($base-leader / 2);
 
 // True if a number has a relative unit.
 @function relative-unit($number) {
@@ -4791,7 +4791,7 @@ $base-half-leader: $base-leader / 2;
   // whose root is set in ems. So we set the root font size in percentages of
   // the default font size.
   * html {
-    font-size: 100% * ($font-size / $browser-default-font-size);
+    font-size: 100% * calc($font-size / $browser-default-font-size);
   }
   html {
     font-size: $font-size;
@@ -4828,7 +4828,7 @@ $base-half-leader: $base-leader / 2;
   @if not($relative-font-sizing) and $from-size != $base-font-size {
     @warn "$relative-font-sizing is false but a relative font size was passed to adjust-font-size-to";
   }
-  font-size: $font-unit * $to-size / $from-size;
+  font-size: calc($font-unit * $to-size / $from-size);
   @include adjust-leading-to($lines, if($relative-font-sizing, $to-size, $base-font-size));
 }
 
@@ -4849,7 +4849,7 @@ $base-half-leader: $base-leader / 2;
   @if not($relative-font-sizing) and $font-size != $base-font-size {
     @warn "$relative-font-sizing is false but a relative font size was passed to the rhythm function";
   }
-  $rhythm: $font-unit * ($lines * $base-line-height - $offset) / $font-size;
+  $rhythm: calc($font-unit * ($lines * $base-line-height - $offset) / $font-size);
   // Round the pixels down to nearest integer.
   @if unit($rhythm) == px {
     $rhythm: floor($rhythm);
@@ -4913,7 +4913,7 @@ $base-half-leader: $base-leader / 2;
     @warn "$relative-font-sizing is false but a relative font size was passed to apply-side-rhythm-border";
   }
   border-#{$side}-style: $border-style;
-  border-#{$side}-width: $font-unit * $width / $font-size;
+  border-#{$side}-width: calc($font-unit * $width / $font-size);
   padding-#{$side}: rhythm($lines, $font-size, $offset: $width);
 }
 
@@ -4924,7 +4924,7 @@ $base-half-leader: $base-leader / 2;
   }
   border: {
     style: $border-style;
-    width: $font-unit * $width / $font-size;
+    width: calc($font-unit * $width / $font-size);
   };
   padding: rhythm($lines, $font-size, $offset: $width);
 }

package/styles/vendor/_modules_export.scss

@@ -4761,15 +4761,15 @@ $min-line-padding: 2px !default;
 $font-unit: if($relative-font-sizing, 1em, $base-font-size) !default;
 
 // The basic unit of font rhythm.
-$base-rhythm-unit: $base-line-height / $base-font-size * $font-unit;
+$base-rhythm-unit: calc($base-line-height / $base-font-size * $font-unit);
 
 // The leader is the amount of whitespace in a line.
 // It might be useful in your calculations.
-$base-leader: ($base-line-height - $base-font-size) * $font-unit / $base-font-size;
+$base-leader: calc(($base-line-height - $base-font-size) * $font-unit / $base-font-size);
 
 // The half-leader is the amount of whitespace above and below a line.
 // It might be useful in your calculations.
-$base-half-leader: $base-leader / 2;
+$base-half-leader: calc($base-leader / 2);
 
 // True if a number has a relative unit.
 @function relative-unit($number) {
@@ -4791,7 +4791,7 @@ $base-half-leader: $base-leader / 2;
   // whose root is set in ems. So we set the root font size in percentages of
   // the default font size.
   * html {
-    font-size: 100% * ($font-size / $browser-default-font-size);
+    font-size: 100% * calc($font-size / $browser-default-font-size);
   }
   html {
     font-size: $font-size;
@@ -4828,7 +4828,7 @@ $base-half-leader: $base-leader / 2;
   @if not($relative-font-sizing) and $from-size != $base-font-size {
     @warn "$relative-font-sizing is false but a relative font size was passed to adjust-font-size-to";
   }
-  font-size: $font-unit * $to-size / $from-size;
+  font-size: calc($font-unit * $to-size / $from-size);
   @include adjust-leading-to($lines, if($relative-font-sizing, $to-size, $base-font-size));
 }
 
@@ -4849,7 +4849,7 @@ $base-half-leader: $base-leader / 2;
   @if not($relative-font-sizing) and $font-size != $base-font-size {
     @warn "$relative-font-sizing is false but a relative font size was passed to the rhythm function";
   }
-  $rhythm: $font-unit * ($lines * $base-line-height - $offset) / $font-size;
+  $rhythm: calc($font-unit * ($lines * $base-line-height - $offset) / $font-size);
   // Round the pixels down to nearest integer.
   @if unit($rhythm) == px {
     $rhythm: floor($rhythm);
@@ -4913,7 +4913,7 @@ $base-half-leader: $base-leader / 2;
     @warn "$relative-font-sizing is false but a relative font size was passed to apply-side-rhythm-border";
   }
   border-#{$side}-style: $border-style;
-  border-#{$side}-width: $font-unit * $width / $font-size;
+  border-#{$side}-width: calc($font-unit * $width / $font-size);
   padding-#{$side}: rhythm($lines, $font-size, $offset: $width);
 }
 
@@ -4924,7 +4924,7 @@ $base-half-leader: $base-leader / 2;
   }
   border: {
     style: $border-style;
-    width: $font-unit * $width / $font-size;
+    width: calc($font-unit * $width / $font-size);
   };
   padding: rhythm($lines, $font-size, $offset: $width);
 }