@clayui/css 3.160.0 → 3.161.0

package/src/scss/atlas-custom-properties/variables/_icons.scss

@@ -0,0 +1,73 @@
+@if ($enable-atlas-custom-properties) {
+	// .lexicon-icon
+
+	$lexicon-icon-size: 1em; // 16px
+
+	$lexicon-icon: ();
+	$lexicon-icon: map-merge(
+		(
+			display: inline-block,
+			fill: currentColor,
+			height: $lexicon-icon-size,
+			margin-top: -3px,
+			vertical-align: middle,
+			width: $lexicon-icon-size,
+		),
+		$lexicon-icon
+	);
+
+	// .lexicon-icon-sm
+
+	$lexicon-icon-sm-font-size: 0.5rem; // 8px
+
+	$lexicon-icon-sm: ();
+	$lexicon-icon-sm: map-merge(
+		(
+			font-size: $lexicon-icon-sm-font-size,
+		),
+		$lexicon-icon-sm
+	);
+
+	// .lexicon-icon-lg
+
+	$lexicon-icon-lg-font-size: 2rem; // 32px
+
+	$lexicon-icon-lg: ();
+	$lexicon-icon-lg: map-merge(
+		(
+			font-size: $lexicon-icon-lg-font-size,
+		),
+		$lexicon-icon-lg
+	);
+
+	// .lexicon-icon-xl
+
+	$lexicon-icon-xl-font-size: 8rem; // 128px
+
+	$lexicon-icon-xl: ();
+	$lexicon-icon-xl: map-merge(
+		(
+			font-size: $lexicon-icon-xl-font-size,
+		),
+		$lexicon-icon-xl
+	);
+
+	// .order-arrow
+
+	$order-arrow-down-active-color: $gray-500;
+	$order-arrow-up-active-color: $order-arrow-down-active-color;
+
+	// .collapse-icon[href], .collapse-icon[type]
+
+	$collapse-icon-padding-left: null;
+	$collapse-icon-padding-right: 2.28125rem; // 45px
+
+	$collapse-icon-position-bottom: null;
+	$collapse-icon-position-left: null;
+	$collapse-icon-position-right: 0.9375rem; // 15px
+	$collapse-icon-position-top: clay-collapse-icon-align(
+		if(variable-exists(nav-link-padding-y), $nav-link-padding-y, 0.5rem),
+		0.0625rem,
+		0.9375em
+	);
+}

package/src/scss/atlas-custom-properties/variables/_images.scss

@@ -0,0 +1,14 @@
+@if ($enable-atlas-custom-properties) {
+	$thumbnail-bg: $body-bg;
+	$thumbnail-border-color: $gray-300;
+	$thumbnail-border-radius: $border-radius;
+	$thumbnail-border-width: $border-width;
+	$thumbnail-box-shadow: 0
+		1px
+		2px
+		unquote('hsl(from #{$black} h s l / 0.075)');
+	$thumbnail-padding: 0.25rem;
+
+	$figure-caption-color: $gray-600;
+	$figure-caption-font-size: 90%;
+}