@iamproperty/components 3.1.0 → 3.2.0

package/assets/sass/_functions/functions.scss

@@ -1,141 +1,141 @@
-@use "sass:math";
-
-@import "../../../node_modules/bootstrap/scss/_functions.scss";
-
-@function pow($x, $n) {
-  $ret: 1;
-    
-  @if $n >= 0 {
-    @for $i from 1 through $n {
-      $ret: $ret * $x;
-    } 
-  } @else {
-    @for $i from $n to 0 {
-      $ret: math.div($ret,$x);
-    }
-  }
-  
-  @return $ret;
-}
-
-@function to-fixed($float, $digits: 2) {
-  $sass-precision: 5;
-  
-  @if $digits > $sass-precision {
-    @warn "Sass sets default precision to #{$sass-precision} digits, and there is no way to change that for now."
-    + "The returned number will have #{$sass-precision} digits, even if you asked for `#{$digits}`."
-    + "See https://github.com/sass/sass/issues/1122 for further informations.";
-  }
-  
-  $pow: pow(10, $digits);
-  @return math.div(round($float * $pow),$pow);
-}
-
-// converts pixels to em (context sets the current size of the font)
-@function em($pixels, $context: 16)
-{
-	@return #{math.div($pixels,$context)}em;
-}
-
-@function rem($pixels, $context: 16)
-{
-	@return #{math.div($pixels,$context)}rem;
-}
-
-@function vw($pixels, $context: 16)
-{
-	$size: math.div(16,$pixels) * 100;
-	@return #{to-fixed($size,5)}vw;
-}
-
-@function strip-px($number) {
-  @if type-of($number) == 'number' and not unitless($number) {
-    @return math.div($number, ($number * 0 + 1));
-  }
-
-  @return $number;
-}
-
-// prevent colours being changed via sass functions
-@function darken($colour, $percent)
-{
-	@return $colour;
-}
-
-@function lighten($colour, $percent)
-{
-	@return $colour;
-}
-
-@function saturate($colour, $percent)
-{
-	@return $colour;
-}
-@function desaturate($colour, $percent)
-{
-	@return $colour;
-}
-
-@function adjust-hue($colour, $percent)
-{
-	@return $colour;
-}
-
-@function tint($colour, $percent)
-{
-	@return $colour;
-}
-@function shade($colour, $percent)
-{
-	@return $colour;
-}
-
-@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
-  $next: breakpoint-next($name, $breakpoints);
-  @return if($next, breakpoint-min($next, $breakpoints), null);
-}
-
-// Trims the start/left of the string:
-@function str-trimStart ($str) {
-  @if (str-slice($str, 1, 1) == ' ') {
-      @return str-trimStart(str-slice($str, 2));
-  } @else {
-      @return $str;
-  }
-}
-
-// Trims the end/right of the string:
-@function str-trimEnd ($str) {
-@if (str-slice($str, str-length($str), -1) == ' ') {
-      @return str-trimEnd(str-slice($str, 1, -2));
-  } @else {
-      @return $str;
-  }
-}
-
-// Trims both the start and end of the string:
-@function str-trim ($str) {
-@return str-trimStart(str-trimEnd($str));
-}
-
-@function str-split($string, $separator) {
-  // empty array/list
-  $split-arr: ();
-  // first index of separator in string
-  $index : str-index($string, $separator);
-  // loop through string
-  @while $index != null {
-      // get the substring from the first character to the separator
-      $item: str-slice($string, 1, $index - 1);
-      // push item to array
-      $split-arr: append($split-arr, str-trim($item));
-      // remove item and separator from string
-      $string: str-slice($string, $index + 1);
-      // find new index of separator
-      $index : str-index($string, $separator);
-  }
-  // add the remaining string to list (the last item)
-  $split-arr: append($split-arr, str-trim($string));
-
-  @return $split-arr;
-}
+@use "sass:math";
+
+@import "../../../node_modules/bootstrap/scss/_functions.scss";
+
+@function pow($x, $n) {
+  $ret: 1;
+    
+  @if $n >= 0 {
+    @for $i from 1 through $n {
+      $ret: $ret * $x;
+    } 
+  } @else {
+    @for $i from $n to 0 {
+      $ret: math.div($ret,$x);
+    }
+  }
+  
+  @return $ret;
+}
+
+@function to-fixed($float, $digits: 2) {
+  $sass-precision: 5;
+  
+  @if $digits > $sass-precision {
+    @warn "Sass sets default precision to #{$sass-precision} digits, and there is no way to change that for now."
+    + "The returned number will have #{$sass-precision} digits, even if you asked for `#{$digits}`."
+    + "See https://github.com/sass/sass/issues/1122 for further informations.";
+  }
+  
+  $pow: pow(10, $digits);
+  @return math.div(round($float * $pow),$pow);
+}
+
+// converts pixels to em (context sets the current size of the font)
+@function em($pixels, $context: 16)
+{
+	@return #{math.div($pixels,$context)}em;
+}
+
+@function rem($pixels, $context: 16)
+{
+	@return #{math.div($pixels,$context)}rem;
+}
+
+@function vw($pixels, $context: 16)
+{
+	$size: math.div(16,$pixels) * 100;
+	@return #{to-fixed($size,5)}vw;
+}
+
+@function strip-px($number) {
+  @if type-of($number) == 'number' and not unitless($number) {
+    @return math.div($number, ($number * 0 + 1));
+  }
+
+  @return $number;
+}
+
+// prevent colours being changed via sass functions
+@function darken($colour, $percent)
+{
+	@return $colour;
+}
+
+@function lighten($colour, $percent)
+{
+	@return $colour;
+}
+
+@function saturate($colour, $percent)
+{
+	@return $colour;
+}
+@function desaturate($colour, $percent)
+{
+	@return $colour;
+}
+
+@function adjust-hue($colour, $percent)
+{
+	@return $colour;
+}
+
+@function tint($colour, $percent)
+{
+	@return $colour;
+}
+@function shade($colour, $percent)
+{
+	@return $colour;
+}
+
+@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
+  $next: breakpoint-next($name, $breakpoints);
+  @return if($next, breakpoint-min($next, $breakpoints), null);
+}
+
+// Trims the start/left of the string:
+@function str-trimStart ($str) {
+  @if (str-slice($str, 1, 1) == ' ') {
+      @return str-trimStart(str-slice($str, 2));
+  } @else {
+      @return $str;
+  }
+}
+
+// Trims the end/right of the string:
+@function str-trimEnd ($str) {
+@if (str-slice($str, str-length($str), -1) == ' ') {
+      @return str-trimEnd(str-slice($str, 1, -2));
+  } @else {
+      @return $str;
+  }
+}
+
+// Trims both the start and end of the string:
+@function str-trim ($str) {
+@return str-trimStart(str-trimEnd($str));
+}
+
+@function str-split($string, $separator) {
+  // empty array/list
+  $split-arr: ();
+  // first index of separator in string
+  $index : str-index($string, $separator);
+  // loop through string
+  @while $index != null {
+      // get the substring from the first character to the separator
+      $item: str-slice($string, 1, $index - 1);
+      // push item to array
+      $split-arr: append($split-arr, str-trim($item));
+      // remove item and separator from string
+      $string: str-slice($string, $index + 1);
+      // find new index of separator
+      $index : str-index($string, $separator);
+  }
+  // add the remaining string to list (the last item)
+  $split-arr: append($split-arr, str-trim($string));
+
+  @return $split-arr;
+}

package/assets/sass/_functions/mixins.scss

@@ -1,171 +1,171 @@
-@import "../../../node_modules/bootstrap/scss/mixins";
-
-@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
-  
-  $min: breakpoint-min($name, $breakpoints);
-  @if $min {
-    @media screen and (min-width: $min) {
-      @content;
-    }
-  }
-  @else if $name =='xs' {
-    @content;
-  } 
-  @else {
-    @if $mobileOnly != "true" {
-    @content;
-    }
-  }
-}
-
-// Example: @include prefix(transition, transform 1.5s, webkit ms o);
-@mixin prefix($property, $value, $prefixes: (webkit ms o))
-{
-	@each $prefix in $prefixes
-	{
-		#{'-' + $prefix + '-' + $property}: $value;
-	}
-	
-	// Output standard non-prefixed declaration
-	#{$property}: $value;
-}
-
-// Used to make it possible to use css properties but still support IE11
-@mixin var($property, $varName, $important:"", $compatible:$compatible) {
-
-  @if $compatible == "true" {
-    #{$property}: map-get($vars, $varName) #{$important};
-  }
-  @else {
-    #{$property}: var(#{$varName}) #{$important};
-  }
-}
-
-@mixin inline-text(){
-  p,
-  ul,
-  ol,
-  dd,
-  .body,
-  table:not(.table--email) td {
-    @content;
-  }
-}
-
-
-@mixin headers($includeClasses: 'false'){
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    @content;
-  }
-
-  @if $includeClasses == 'true' {
-
-    .h1,
-    .h2,
-    .h3,
-    .h4,
-    .h5,
-    .h6 {
-      @content;
-    }
-  }
-}
-
-@mixin bg-variant($parent, $color, $ignore-warning: false) {
-  #{$parent} {
-
-    --bg-colour: var(--colour-#{str-replace($parent,'.bg-','')});
-    --bg-colour-tint: var(--colour-#{str-replace($parent,'.bg-','')}-tint);
-    
-    @include var(background-color,--colour-#{str-replace($parent,'.bg-','')},!important);
-  }
-}
-@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {
-  #{$parent} {
-
-    @include var(color,--colour-#{str-replace($parent,'.text-','')},"!important");
-  }
-}
-
-@mixin font-size($value, $compatible:$compatible) {
-  
-  $found: false;
-
-  @if $compatible == "true" {
-    font-size: $value;
-  }
-  @else {
-    @each $size, $subvalue in $font-sizes {
-
-      @if($value == $subvalue and $found == false){
-        font-size: var(--fs-#{$size});
-        $found: true;
-      }
-    }
-    @if $found == false {
-      font-size: $value;
-    }
-  }
-
-}
-
-@mixin is($selector, $before: '', $after: '' ,$compatible:$compatible){
-
-  @if $compatible == "true" {
-    $split-values: str-split($selector, ",");
-    @each $value in $split-values {
-
-      #{$before}#{$value}#{$after} {
-        @content;
-      }
-    }
-  }
-  @else {
-    #{$before}:is(#{$selector})#{$after} {
-      @content;
-    }
-  }
-}
-
-@mixin reset-colours($compatible:$compatible) {
-  
-  --colour-body: var(--colour-body-theme);
-  --colour-heading: var(--colour-primary);
-  --colour-link: var(--colour-link-theme);
-  --colour-hover: var(--colour-hover-theme);
-  --colour-active: var(--colour-active-theme);
-  //--colour-underline: var(--colour-underline);
-  --colour-border: var(--colour-border-theme);
-  --colour-brand: var(--colour-primary);
-
-  --btn-bg: var(--colour-warning);
-  --btn-text: var(--colour-primary);
-  --btn-hover-text: var(--colour-primary);
-  --btn-tertiary-bg: var(--colour-primary);
-  --btn-tertiary-hover-text: white;
-
-  .text-primary {
-    color: var(--colour-primary)!important;
-  }
-}
-
-@mixin invert-colours($compatible:$compatible) {
-  
-  --colour-body: white;
-  --colour-heading: white;
-  --colour-link: white;
-  --colour-hover: white;
-  --colour-border: white;
-  --colour-brand: white;
-
-  --btn-bg: white;
-  --btn-text: var(--colour-primary);
-  --btn-hover-text: var(--colour-heading);
-  --btn-tertiary-bg: white;
-  --btn-tertiary-hover-text: var(--colour-primary);
+@import "../../../node_modules/bootstrap/scss/mixins";
+
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+  
+  $min: breakpoint-min($name, $breakpoints);
+  @if $min {
+    @media screen and (min-width: $min) {
+      @content;
+    }
+  }
+  @else if $name =='xs' {
+    @content;
+  } 
+  @else {
+    @if $mobileOnly != "true" {
+    @content;
+    }
+  }
+}
+
+// Example: @include prefix(transition, transform 1.5s, webkit ms o);
+@mixin prefix($property, $value, $prefixes: (webkit ms o))
+{
+	@each $prefix in $prefixes
+	{
+		#{'-' + $prefix + '-' + $property}: $value;
+	}
+	
+	// Output standard non-prefixed declaration
+	#{$property}: $value;
+}
+
+// Used to make it possible to use css properties but still support IE11
+@mixin var($property, $varName, $important:"", $compatible:$compatible) {
+
+  @if $compatible == "true" {
+    #{$property}: map-get($vars, $varName) #{$important};
+  }
+  @else {
+    #{$property}: var(#{$varName}) #{$important};
+  }
+}
+
+@mixin inline-text(){
+  p,
+  ul,
+  ol,
+  dd,
+  .body,
+  table:not(.table--email) td {
+    @content;
+  }
+}
+
+
+@mixin headers($includeClasses: 'false'){
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    @content;
+  }
+
+  @if $includeClasses == 'true' {
+
+    .h1,
+    .h2,
+    .h3,
+    .h4,
+    .h5,
+    .h6 {
+      @content;
+    }
+  }
+}
+
+@mixin bg-variant($parent, $color, $ignore-warning: false) {
+  #{$parent} {
+
+    --bg-colour: var(--colour-#{str-replace($parent,'.bg-','')});
+    --bg-colour-tint: var(--colour-#{str-replace($parent,'.bg-','')}-tint);
+    
+    @include var(background-color,--colour-#{str-replace($parent,'.bg-','')},!important);
+  }
+}
+@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {
+  #{$parent} {
+
+    @include var(color,--colour-#{str-replace($parent,'.text-','')},"!important");
+  }
+}
+
+@mixin font-size($value, $compatible:$compatible) {
+  
+  $found: false;
+
+  @if $compatible == "true" {
+    font-size: $value;
+  }
+  @else {
+    @each $size, $subvalue in $font-sizes {
+
+      @if($value == $subvalue and $found == false){
+        font-size: var(--fs-#{$size});
+        $found: true;
+      }
+    }
+    @if $found == false {
+      font-size: $value;
+    }
+  }
+
+}
+
+@mixin is($selector, $before: '', $after: '' ,$compatible:$compatible){
+
+  @if $compatible == "true" {
+    $split-values: str-split($selector, ",");
+    @each $value in $split-values {
+
+      #{$before}#{$value}#{$after} {
+        @content;
+      }
+    }
+  }
+  @else {
+    #{$before}:is(#{$selector})#{$after} {
+      @content;
+    }
+  }
+}
+
+@mixin reset-colours($compatible:$compatible) {
+  
+  --colour-body: var(--colour-body-theme);
+  --colour-heading: var(--colour-primary);
+  --colour-link: var(--colour-link-theme);
+  --colour-hover: var(--colour-hover-theme);
+  --colour-active: var(--colour-active-theme);
+  //--colour-underline: var(--colour-underline);
+  --colour-border: var(--colour-border-theme);
+  --colour-brand: var(--colour-primary);
+
+  --btn-bg: var(--colour-warning);
+  --btn-text: var(--colour-primary);
+  --btn-hover-text: var(--colour-primary);
+  --btn-tertiary-bg: var(--colour-primary);
+  --btn-tertiary-hover-text: white;
+
+  .text-primary {
+    color: var(--colour-primary)!important;
+  }
+}
+
+@mixin invert-colours($compatible:$compatible) {
+  
+  --colour-body: white;
+  --colour-heading: white;
+  --colour-link: white;
+  --colour-hover: white;
+  --colour-border: white;
+  --colour-brand: white;
+
+  --btn-bg: white;
+  --btn-text: var(--colour-primary);
+  --btn-hover-text: var(--colour-heading);
+  --btn-tertiary-bg: white;
+  --btn-tertiary-hover-text: var(--colour-primary);
 }