feat(property.class-variant()): add class-variant() as replacement …

…for `property.variant()` and spec.

property/_property.class-variant.mixin.scss

@@ -0,0 +1,62 @@
+// Modules.
+@use '../class/variant';
+@use '../map';
+@use '../meta';
+@use '../selector';
+
+// Mixins.
+@use '../property/property.set.mixin' as property;
+
+// Status: TODO:
+// The `property.class-variant()` mixin.
+// @param `$variant`
+// @param `$combine`
+// @param `$important`
+// @param `$pseudo-class`
+// @param `$dictionary`
+// @param `$class-function`
+// @param `$prefix`
+// @param `$separator`
+// @param `$type-function`
+// @param `$functions`
+// @param `$execute`
+// @param `$modifier`
+@mixin class-variant(
+  // class, property
+  $variant: (),
+  $combine: false false false,
+  $important: null,
+  // class
+  $pseudo-class: (),
+  // class, value
+  $dictionary: null,
+  // class
+  $class-function: meta.get-function(class, false, selector),
+  // function
+  $prefix: null,
+  $separator: null,
+  $type-function: null,
+  $functions:null,
+  $execute: true,
+  $modifier: null,
+) {
+  @include variant.create(
+    $variant,
+    $combine,
+    $pseudo-class,
+    $dictionary,
+    $class-function,
+    $modifier,
+  ) using($resolved) {
+    @include property.set(
+      (map.get($resolved, (property, name)): map.get($resolved, (property, value))),
+      $important,
+      $prefix,
+      $separator,
+      $type-function,
+      $functions,
+      $execute,
+      (dictionary: $dictionary),
+    );
+  }
+}

property/_property.class-variant.mixin.spec.scss

@@ -0,0 +1,13 @@
+// Mixins.
+@use 'property.class-variant.mixin';
+
+
+@include property.class-variant((
+    border: 1px solid red,
+    (border, outline): 2px solid blue,
+  ),
+  false,
+  false,
+  ':visited',
+  null,
+);