@clayui/css 3.160.0 → 3.161.0

package/src/scss/atlas-variables.scss

@@ -10,6 +10,8 @@
 
 @import '_variables';
 
+@import 'atlas-custom-properties/_variables';
+
 @import '_mixins';
 
 // INSERT CUSTOM VARS

package/src/scss/atlas.scss

@@ -10,6 +10,8 @@
 
 @import '_variables';
 
+@import 'atlas-custom-properties/_variables';
+
 @import '_mixins';
 
 @import '_components';

package/src/scss/base-variables.scss

@@ -8,6 +8,8 @@
 
 @import '_variables';
 
+@import 'atlas-custom-properties/_variables';
+
 @import '_mixins';
 
 // INSERT CUSTOM VARS

package/src/scss/base.scss

@@ -8,6 +8,8 @@
 
 @import '_variables';
 
+@import 'atlas-custom-properties/_variables';
+
 @import '_mixins';
 
 @import '_components';

package/src/scss/functions/_global-functions.scss

@@ -25,12 +25,14 @@
 	$toggle-switch-padding,
 	$label-spacer-x: 8px
 ) {
-	@if ($toggle-switch-padding < 0) {
-		$toggle-switch-width: $toggle-switch-width +
-			abs($toggle-switch-padding);
+	@if not(is-css-var($toggle-switch-padding)) {
+		@if ($toggle-switch-padding < 0) {
+			$toggle-switch-width: $toggle-switch-width +
+				abs($toggle-switch-padding);
+		}
 	}
 
-	@return $toggle-switch-width + $label-spacer-x;
+	@return calc(#{$toggle-switch-width} + #{$label-spacer-x});
 }
 
 /// A function that combines two maps. It adds new key value pairs to the end of the map.

package/src/scss/functions/_lx-icons-generated.scss

@@ -118,6 +118,8 @@
 
 	'bookmarks': '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" clip-rule="evenodd" d="M235.363 338.109c11.92-10.059 29.355-10.059 41.275 0l107.363 90.599V64h-256v364.708l107.362-90.599Zm20.638 66.946 113.271 95.586c31.264 26.382 78.729 4.57 78.729-36.641V64c0-35.793-28.654-64-64-64h-256C92.655 0 64 28.207 64 64v400c0 41.211 47.466 63.023 78.73 36.641l113.271-95.586Z" fill-rule="evenodd" fill="#{$color}"/></svg>',
 
+	'books-brush': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M3.992 14c0 .553-.446 1-.998 1H.998A.998.998 0 0 1 0 14v-1h3.992v1Zm4.989 0c0 .553-.446 1-.998 1H5.987a.998.998 0 0 1-.998-1v-1h3.992v1Zm4.523-8.549c.63.887 1.287 2.19 1.81 3.695 1.034 2.967.694 5.73.301 5.85-.393.118-2.409-1.931-3.442-4.898-.524-1.504-.816-2.918-.864-3.982a1.75 1.75 0 0 0 1.244.086c.427-.13.758-.407.95-.75ZM3.992 12H0V4h3.992v8Zm4.989 0H4.99V4h3.992v8Zm2.887-10.85c-.188.937.703.892 1.215 1.717.067.108.13.245.19.417.282.81-.193 1.679-1.06 1.942-.868.263-1.8-.18-2.082-.99a1.46 1.46 0 0 1-.048-.173 2.408 2.408 0 0 1 .214-1.787A2.708 2.708 0 0 1 11.898 1l-.03.15ZM2.994 1c.552 0 .998.447.998 1v1H0V2c0-.553.446-1 .998-1h1.996Zm4.989 0c.552 0 .998.447.998 1v1H4.99V2c0-.553.446-1 .998-1h1.996Z" fill="#{$color}"/></svg>',
+
 	'books': '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline books-1-spine-top" d="M96.1 32h-64C14.4 32 .1 46.3.1 64v32h128V64c0-17.7-14.3-32-32-32z" fill="#{$color}"/><path class="lexicon-icon-outline books-1-spine-bottom" d="M.1 448c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32v-32H.1v32z" fill="#{$color}"/><path class="lexicon-icon-outline books-1-spine" fill="#{$color}" d="M.1 128h128v256H.1z"/><path class="lexicon-icon-outline books-2-spine-top" d="M256.1 32h-64c-17.7 0-32 14.3-32 32v32h128V64c0-17.7-14.3-32-32-32z" fill="#{$color}"/><path class="lexicon-icon-outline books-2-spine-bottom" d="M160.1 448c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32v-32h-128v32z" fill="#{$color}"/><path class="lexicon-icon-outline books-2-spine" fill="#{$color}" d="M160.1 128h128v256h-128z"/><path class="lexicon-icon-outline books-3-spine-top" d="m359.2 35.2-31 8.1c-17.1 4.5-27.4 21.9-22.9 39l8.1 31 92.9-24.2-8.1-31c-4.5-17.1-21.9-27.4-39-22.9z" fill="#{$color}"/><path class="lexicon-icon-outline books-3-spine" fill="#{$color}" d="m321.422 144.212 92.909-24.172 64.46 247.756-92.908 24.173z"/><path class="lexicon-icon-outline books-3-spine-bottom" d="M402 453.9c4.5 17.1 21.9 27.4 39 22.9l31-8.1c17.1-4.5 27.4-21.9 22.9-39l-8.1-31-92.9 24.2 8.1 31z" fill="#{$color}"/></svg>',
 
 	'border-style': '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline border-style-rectangle-1" d="M64.001 96c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h384c17.674 0 32-14.327 32-32 0-17.673-14.326-32-32-32h-384Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-2" d="M64.001 224c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h128c17.674 0 32-14.327 32-32 0-17.673-14.326-32-32-32h-128Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-3" d="M32.002 384c0-17.673 14.326-32 32-32H128c17.674 0 32 14.327 32 32 0 17.673-14.326 32-32 32h-64c-17.673 0-32-14.327-32-32Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-4" d="M320.001 224c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h128c17.674 0 32-14.327 32-32 0-17.673-14.326-32-32-32h-128Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-5" d="M192.001 384c0-17.673 14.327-32 32-32h64c17.674 0 32 14.327 32 32 0 17.673-14.326 32-32 32h-64c-17.673 0-32-14.327-32-32Z" fill="#{$color}"/><path class="lexicon-icon-outline border-style-rectangle-6" d="M384.001 352c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h64c17.674 0 32-14.327 32-32 0-17.673-14.326-32-32-32h-64Z" fill="#{$color}"/></svg>',

package/src/scss/variables/_globals.scss

@@ -345,14 +345,14 @@ $spacers: () !default;
 $spacers: map-deep-merge(
 	(
 		0: 0rem,
-		1: $spacer * 0.25,
-		2: $spacer * 0.5,
-		3: $spacer,
-		4: $spacer * 1.5,
-		5: $spacer * 3,
-		6: $spacer * 4.5,
-		7: $spacer * 6,
-		8: $spacer * 7.5,
+		1: calc(#{$spacer} * 0.25),
+		2: calc(#{$spacer} * 0.5),
+		3: calc(#{$spacer}),
+		4: calc(#{$spacer} * 1.5),
+		5: calc(#{$spacer} * 3),
+		6: calc(#{$spacer} * 4.5),
+		7: calc(#{$spacer} * 6),
+		8: calc(#{$spacer} * 7.5),
 	),
 	$spacers
 );