@clayui/css 3.92.0 → 3.93.0

package/src/scss/mixins/_buttons.scss

@@ -616,6 +616,66 @@
 				@include clay-css(map-get($map, after));
 			}
 
+			&:link {
+				$_link: setter(map-get($map, link), ());
+
+				@include clay-css($_link);
+
+				&::before {
+					@include clay-css(map-get($_link, before));
+				}
+
+				&::after {
+					@include clay-css(map-get($_link, after));
+				}
+
+				.inline-item {
+					@include clay-css(map-get($_link, inline-item));
+				}
+
+				.inline-item-before {
+					@include clay-css(map-get($_link, inline-item-before));
+				}
+
+				.inline-item-middle {
+					@include clay-css(map-get($_link, inline-item-middle));
+				}
+
+				.inline-item-after {
+					@include clay-css(map-get($_link, inline-item-after));
+				}
+			}
+
+			&:visited {
+				$_visited: setter(map-get($map, visited), ());
+
+				@include clay-css($_visited);
+
+				&::before {
+					@include clay-css(map-get($_visited, before));
+				}
+
+				&::after {
+					@include clay-css(map-get($_visited, after));
+				}
+
+				.inline-item {
+					@include clay-css(map-get($_visited, inline-item));
+				}
+
+				.inline-item-before {
+					@include clay-css(map-get($_visited, inline-item-before));
+				}
+
+				.inline-item-middle {
+					@include clay-css(map-get($_visited, inline-item-middle));
+				}
+
+				.inline-item-after {
+					@include clay-css(map-get($_visited, inline-item-after));
+				}
+			}
+
 			&:hover {
 				@include clay-css($hover);
 

package/src/scss/mixins/_dropdown-menu.scss

@@ -549,6 +549,42 @@
 		@if ($enabled) {
 			@include clay-css($base);
 
+			&:link {
+				$_link: setter(map-get($map, link), ());
+
+				@include clay-css($_link);
+
+				&::before {
+					@include clay-css(map-get($_link, before));
+				}
+
+				&::after {
+					@include clay-css(map-get($_link, after));
+				}
+
+				.c-kbd-inline {
+					@include clay-css(map-get($_link, c-kbd-inline));
+				}
+			}
+
+			&:visited {
+				$_visited: setter(map-get($map, visited), ());
+
+				@include clay-css($_visited);
+
+				&::before {
+					@include clay-css(map-get($_visited, before));
+				}
+
+				&::after {
+					@include clay-css(map-get($_visited, after));
+				}
+
+				.c-kbd-inline {
+					@include clay-css(map-get($_visited, c-kbd-inline));
+				}
+			}
+
 			&:hover,
 			&.hover {
 				@include clay-css($hover);

package/src/scss/mixins/_globals.scss

@@ -260,6 +260,25 @@
 					}
 
 					appearance: $value;
+				} @else if ($key == 'animation') {
+					animation: $value;
+
+					@if ($value != 'none' and $value != null) {
+						@at-root {
+							$selector: if(
+								variable-exists(cadmin-selector),
+								clay-insert-after(
+									'.cadmin ',
+									'.c-prefers-reduced-motion '
+								),
+								'.c-prefers-reduced-motion &'
+							);
+
+							#{$selector} {
+								animation: none;
+							}
+						}
+					}
 				} @else if ($key == 'content') {
 					content: $value;
 				} @else if ($key == 'word-wrap') {
@@ -277,7 +296,16 @@
 						}
 
 						@at-root {
-							.c-prefers-reduced-motion & {
+							$selector: if(
+								variable-exists(cadmin-selector),
+								clay-insert-after(
+									'.cadmin ',
+									'.c-prefers-reduced-motion '
+								),
+								'.c-prefers-reduced-motion &'
+							);
+
+							#{$selector} {
 								transition: none;
 							}
 						}

package/src/scss/mixins/_links.scss

@@ -852,14 +852,16 @@
 
 			@if ($c-link-variants) {
 				@each $key, $value in $c-link-variants {
-					$selector: if(
-						starts-with($key, '.') or starts-with($key, '#'),
-						$key,
-						str-insert($key, '.', 1)
-					);
+					@if not clay-is-map-unset($value) {
+						$selector: if(
+							starts-with($key, '.') or starts-with($key, '#'),
+							$key,
+							str-insert($key, '.', 1)
+						);
 
-					&#{$selector} {
-						@include clay-link($value);
+						&#{$selector} {
+							@include clay-link($value);
+						}
 					}
 				}
 			}

package/src/scss/mixins/_transition.scss

@@ -34,7 +34,13 @@
 		}
 
 		@at-root {
-			.c-prefers-reduced-motion & {
+			$selector: if(
+				variable-exists(cadmin-selector),
+				clay-insert-after('.cadmin ', '.c-prefers-reduced-motion '),
+				'.c-prefers-reduced-motion &'
+			);
+
+			#{$selector} {
 				transition: none;
 			}
 		}

package/src/scss/variables/_sheets.scss

@@ -27,6 +27,23 @@ $sheet-plus-sheet: map-merge(
 	$sheet-plus-sheet
 );
 
+// Sheet Row
+
+$sheet-row: () !default;
+$sheet-row: map-merge(
+	(
+		margin-left: math-sign($sheet-padding-left),
+		margin-right: math-sign($sheet-padding-right),
+		media-breakpoint-down: (
+			sm: (
+				margin-left: math-sign($sheet-padding-left-mobile),
+				margin-right: math-sign($sheet-padding-right-mobile),
+			),
+		),
+	),
+	$sheet-row
+);
+
 // Sheet Header
 
 $sheet-header-margin-bottom: 3rem !default; // 48px