This is an automated email from the ASF dual-hosted git repository.

hiedra pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new d2aa49890d Fix DEPRECATION WARNING: Using / for division outside of 
calc() is deprecated and will be removed in Dart Sass 2.0.0.
d2aa49890d is described below

commit d2aa49890db4611a59972adfd006decd136c40cd
Author: mjesteve <[email protected]>
AuthorDate: Sun Jun 23 02:27:04 2024 +0200

    Fix DEPRECATION WARNING: Using / for division outside of calc() is 
deprecated and will be removed in Dart Sass 2.0.0.
---
 frameworks/projects/Jewel/src/main/sass/components/_datefield.sass  | 4 ++--
 .../projects/Jewel/src/main/sass/components/_dropdownlist.sass      | 4 ++--
 frameworks/projects/Jewel/src/main/sass/components/_layout.sass     | 6 +++---
 frameworks/projects/Jewel/src/main/sass/defaults.sass               | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../Jewel-Light-Flat-Primary-Blue-Theme/src/main/sass/defaults.sass | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../Jewel-Light-Flat-Primary-Red-Theme/src/main/sass/defaults.sass  | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../src/main/sass/defaults.sass                                     | 1 +
 .../JewelTheme/src/main/sass/components-primary/_datechooser.sass   | 6 +++---
 frameworks/themes/JewelTheme/src/main/sass/defaults.sass            | 1 +
 114 files changed, 120 insertions(+), 10 deletions(-)

diff --git a/frameworks/projects/Jewel/src/main/sass/components/_datefield.sass 
b/frameworks/projects/Jewel/src/main/sass/components/_datefield.sass
index 6f675962e1..7f76e2934d 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_datefield.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_datefield.sass
@@ -22,8 +22,8 @@
 // DateField variables
 $datefield-input-width: 9.2em
 $datefield-button-size: 22px
-$datefield-button-xoffset: calc(50% - #{$datefield-button-size/2})
-$datefield-button-yoffset: calc(50% - #{$datefield-button-size/2})
+$datefield-button-xoffset: calc(50% - #{math.div($datefield-button-size, 2)})
+$datefield-button-yoffset: calc(50% - #{math.div($datefield-button-size, 2)})
 $datechooser-popup-margin-offset: 10px
 $datechooser-popup-overlay-color: #000 !default
 $datechooser-popup-overlay-opacity: .65 !default
diff --git 
a/frameworks/projects/Jewel/src/main/sass/components/_dropdownlist.sass 
b/frameworks/projects/Jewel/src/main/sass/components/_dropdownlist.sass
index 449538ac85..5c7a372a3f 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_dropdownlist.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_dropdownlist.sass
@@ -24,8 +24,8 @@ $dropdownlist-margin: 0 !default
 $dropdownlist-padding-vertical: .68em !default
 $dropdownlist-padding-horizontal: 1.12em !default
 $dropdownlist-button-size: 22px
-$dropdownlist-button-xoffset: calc(50% - #{$dropdownlist-button-size/2})
-$dropdownlist-button-yoffset: calc(50% - #{$dropdownlist-button-size/2})
+$dropdownlist-button-xoffset: calc(50% - #{math.div($dropdownlist-button-size, 
2)})
+$dropdownlist-button-yoffset: calc(50% - #{math.div($dropdownlist-button-size, 
2)})
 
 .jewel
     &.dropdownlist
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_layout.sass 
b/frameworks/projects/Jewel/src/main/sass/components/_layout.sass
index fa02d33770..cf9874bb72 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_layout.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_layout.sass
@@ -195,16 +195,16 @@ $gap-size: 10px !default
                                @for $i from 1 through $grid-columns
                                        @for $j from 1 through $i
                                                .#{$size}-col-#{$j}-#{$i}
-                                                       width: percentage($j / 
$i)
+                                                       width: 
percentage(math.div($j, $i))
                &.gap   
                        > *
-                               margin: $gap-size / 2
+                               margin: math.div($gap-size, 2)
                        @each $size in $size-names
                                @media (min-width: map-get($sizes, $size))
                                        @for $i from 1 through $grid-columns
                                                @for $j from 1 through $i
                                                        
.#{$size}-col-#{$j}-#{$i}
-                                                               width: 
calc(#{percentage($j / $i)} - #{$gap-size})
+                                                               width: 
calc(#{percentage(math.div($j, $i))} - #{$gap-size})
        &.horizontal, &.vertical, &.grid
                &.itemsSpaceBetween
                        justify-content: space-between
diff --git a/frameworks/projects/Jewel/src/main/sass/defaults.sass 
b/frameworks/projects/Jewel/src/main/sass/defaults.sass
index cb91ac5fd8..cb3a1462bb 100644
--- a/frameworks/projects/Jewel/src/main/sass/defaults.sass
+++ b/frameworks/projects/Jewel/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "variables"
 @import "mixins"
 
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Green-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Red-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Blue-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Green-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Orange-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Red-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Violet-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Dark-NoFlat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Green-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Green-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Green-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Green-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Red-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Red-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Red-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Red-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Blue-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Emerald-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Green-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Orange-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Red-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Topaz-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Violet-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Primary-Yellow-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Blue-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Green-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Orange-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Red-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Violet-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-Flat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Amethyst-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Blue-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Green-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Orange-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Red-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sapphire-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Sunflower-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Topaz-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Turquoise-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Violet-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
index 9f58547dad..1954762268 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Yellow-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
index 26feb940df..faf0861106 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Blue-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Green-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Orange-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Red-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Violet-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
index f5ff77d3fe..3ecf72aadd 100644
--- 
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
+++ 
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Yellow-Theme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "../../../../JewelTheme/src/main/sass/colors"
 @import "theme"
 @import "../../../../JewelTheme/src/main/sass/variables"
diff --git 
a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_datechooser.sass
 
b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_datechooser.sass
index 7e6af67f33..5e85fb7b53 100644
--- 
a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_datechooser.sass
+++ 
b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_datechooser.sass
@@ -73,12 +73,12 @@ $datechooser-buttons-border-radius: 50%
                     // background-size: 40%
                     width: $datechooser-button-size
                     height: $datechooser-button-size
-                    top: calc(50% - #{$datechooser-button-size/2})
+                    top: calc(50% - #{math.div($datechooser-button-size, 2)})
                 .previousButton::after
-                    left: calc(50% - #{$datechooser-button-size/2 + 2px})
+                    left: calc(50% - #{math.div($datechooser-button-size, 2) + 
2px})
                     background: encodeSVG("<svg viewBox='0 0 8 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g stroke='none' 
stroke-width='1' fill='none' fill-rule='evenodd'><g 
transform='translate(-7.000000, -5.000000)'><rect x='0' y='0' width='22' 
height='22'></rect><path d='M14.9911518,6.4116803 C14.9876664,5.88503401 
14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 
14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 
L13.4822102,17.0014648 C14. [...]
                 .nextButton::after
-                    left: calc(50% - #{$datechooser-button-size/2 - 2px})
+                    left: calc(50% - #{math.div($datechooser-button-size, 2) - 
2px})
                     background: encodeSVG("<svg viewBox='0 0 8 12' 
version='1.1' xmlns='http://www.w3.org/2000/svg'><g stroke='none' 
stroke-width='1' fill='none' fill-rule='evenodd'><g 
transform='translate(-7.000000, -5.000000)'><rect x='0' y='0' width='22' 
height='22'></rect><path d='M14.9911518,6.4116803 C14.9876664,5.88503401 
14.7746504,5.53560917 14.5762939,5.35284424 C14.3779375,5.17007931 
14.0808684,5.04951371 13.4608967,5.00170898 L7.01066011,11.0034834 
L13.4822102,17.0014648 C14. [...]
 
         .jewel.tablecell
diff --git a/frameworks/themes/JewelTheme/src/main/sass/defaults.sass 
b/frameworks/themes/JewelTheme/src/main/sass/defaults.sass
index 7b769bf249..fca02c1d38 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/defaults.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/defaults.sass
@@ -16,6 +16,7 @@
  */
 
 // Variables
+@use "sass:math"
 @import "colors"
 @import "theme"
 @import "variables"

Reply via email to