@stackoverflow/stacks 2.7.3 → 2.7.5

package/lib/atomic/border.less

@@ -1,139 +1,139 @@
-#stacks-internals #responsify('.ba', { .bas-solid; .baw1; });
-#stacks-internals #responsify('.bt', { .bts-solid; .btw1; });
-#stacks-internals #responsify('.br', { .brs-solid; .brw1; });
-#stacks-internals #responsify('.bb', { .bbs-solid; .bbw1; });
-#stacks-internals #responsify('.bl', { .bls-solid; .blw1; });
-.bx { .bls-solid; .brs-solid; .bxw1; }
-.by { .bts-solid; .bbs-solid; .byw1; }
-
-//  ============================================================================
-//  $   WIDTH
-//  ----------------------------------------------------------------------------
-//  $$  All Sides
-#stacks-internals #responsify('.baw0', { border-width: 0 !important; });
-.baw1 { border-width: var(--su-static1) !important; }
-.baw2 { border-width: var(--su-static2) !important; }
-.baw3 { border-width: var(--su-static4) !important; }
-
-//  $$  Top Border
-#stacks-internals #responsify('.btw0', { border-top-width: 0 !important; });
-.btw1 { border-top-width: var(--su-static1) !important; }
-.btw2 { border-top-width: var(--su-static2) !important; }
-.btw3 { border-top-width: var(--su-static4) !important; }
-
-//  $$  Right Border
-#stacks-internals #responsify('.brw0', { border-right-width: 0 !important; });
-.brw1 { border-right-width: var(--su-static1) !important; }
-.brw2 { border-right-width: var(--su-static2) !important; }
-.brw3 { border-right-width: var(--su-static4) !important; }
-
-//  $$  Bottom Border
-#stacks-internals #responsify('.bbw0', { border-bottom-width: 0 !important; });
-.bbw1 { border-bottom-width: var(--su-static1) !important; }
-.bbw2 { border-bottom-width: var(--su-static2) !important; }
-.bbw3 { border-bottom-width: var(--su-static4) !important; }
-
-//  $$  Left Border
-#stacks-internals #responsify('.blw0', { border-left-width: 0 !important; });
-.blw0 { border-left-width: 0 !important; }
-.blw1 { border-left-width: var(--su-static1) !important; }
-.blw2 { border-left-width: var(--su-static2) !important; }
-.blw3 { border-left-width: var(--su-static4) !important; }
-
-//  $$  Y-Axis Border
-.byw0 { .btw0; .bbw0; }
-.byw1 { .btw1; .bbw1; }
-.byw2 { .btw2; .bbw2; }
-.byw3 { .btw3; .bbw3; }
-
-//  $$  X-Axis Border
-.bxw0 { .brw0; .blw0; }
-.bxw1 { .brw1; .blw1; }
-.bxw2 { .brw2; .blw2; }
-.bxw3 { .brw3; .blw3; }
-
-
-//  ============================================================================
-//  $   STYLE
-//  ============================================================================
-//  $$  All sides
-.bas-solid { border-style: solid !important; }
-.bas-dashed { border-style: dashed !important; }
-
-//  $$  Top Border
-.bts-solid { border-top-style: solid !important; }
-.bts-dashed { border-top-style: dashed !important; }
-
-//  $$  Right Border
-.brs-solid { border-right-style: solid !important; }
-.brs-dashed { border-right-style: dashed !important; }
-
-//  $$  Bottom Border
-.bbs-solid { border-bottom-style: solid !important; }
-.bbs-dashed { border-bottom-style: dashed !important; }
-
-//  $$  Left Border
-.bls-solid { border-left-style: solid !important; }
-.bls-dashed { border-left-style: dashed !important; }
-
-
-//  ============================================================================
-//  $   BORDER RADIUS
-//  ----------------------------------------------------------------------------
-//  $$  All Sides
-.bar-sm { border-radius: var(--br-sm) !important; }
-.bar-md { border-radius: var(--br-md) !important; }
-.bar-lg { border-radius: var(--br-lg) !important; }
-.bar-circle { border-radius: 100% !important; }
-.bar-pill { border-radius: 1000px !important; }
-
-//  $$  Top Left Corner
-.btlr0 { border-top-left-radius: 0 !important; }
-.btlr-sm { border-top-left-radius: var(--br-sm) !important; }
-.btlr-md { border-top-left-radius: var(--br-md) !important; }
-.btlr-lg { border-top-left-radius: var(--br-lg) !important; }
-
-//  $$  Top Right Corner
-.btrr0 { border-top-right-radius: 0 !important; }
-.btrr-sm { border-top-right-radius: var(--br-sm) !important; }
-.btrr-md { border-top-right-radius: var(--br-md) !important; }
-.btrr-lg { border-top-right-radius: var(--br-lg) !important; }
-
-//  $$  Bottom Left Corner
-.bblr0 { border-bottom-left-radius: 0 !important; }
-.bblr-sm { border-bottom-left-radius: var(--br-sm) !important; }
-.bblr-md { border-bottom-left-radius: var(--br-md) !important; }
-.bblr-lg { border-bottom-left-radius: var(--br-lg) !important; }
-
-//  $$  Bottom Right Corner
-.bbrr0 { border-bottom-right-radius: 0 !important; }
-.bbrr-sm { border-bottom-right-radius: var(--br-sm) !important; }
-.bbrr-md { border-bottom-right-radius: var(--br-md) !important; }
-.bbrr-lg { border-bottom-right-radius: var(--br-lg) !important; }
-
-//  $$  Top Corners
-.btr0 { .btlr0; .btrr0; }
-.btr-sm { .btlr-sm; .btrr-sm; }
-.btr-md { .btlr-md; .btrr-md; }
-.btr-lg { .btlr-lg; .btrr-lg; }
-
-//  $$  Right Corners
-.brr0 { .btrr0; .bbrr0; }
-.brr-sm { .btrr-sm; .bbrr-sm; }
-.brr-md { .btrr-md; .bbrr-md; }
-.brr-lg { .btrr-lg; .bbrr-lg; }
-
-//  $$  Bottom Corners
-.bbr0 { .bblr0; .bbrr0; }
-.bbr-sm { .bblr-sm; .bbrr-sm; }
-.bbr-md { .bblr-md; .bbrr-md; }
-.bbr-lg { .bblr-lg; .bbrr-lg; }
-
-//  $$  Left Corners
-.blr0 { .btlr0; .bblr0; }
-.blr-sm { .btlr-sm; .bblr-sm; }
-.blr-md { .btlr-md; .bblr-md; }
-.blr-lg { .btlr-lg; .bblr-lg; }
-
-//  $$  All Sides
-#stacks-internals #responsify('.bar0', { border-radius: 0 !important; });
+#stacks-internals #responsify('.ba', { .bas-solid; .baw1; });
+#stacks-internals #responsify('.bt', { .bts-solid; .btw1; });
+#stacks-internals #responsify('.br', { .brs-solid; .brw1; });
+#stacks-internals #responsify('.bb', { .bbs-solid; .bbw1; });
+#stacks-internals #responsify('.bl', { .bls-solid; .blw1; });
+.bx { .bls-solid; .brs-solid; .bxw1; }
+.by { .bts-solid; .bbs-solid; .byw1; }
+
+//  ============================================================================
+//  $   WIDTH
+//  ----------------------------------------------------------------------------
+//  $$  All Sides
+#stacks-internals #responsify('.baw0', { border-width: 0 !important; });
+.baw1 { border-width: var(--su-static1) !important; }
+.baw2 { border-width: var(--su-static2) !important; }
+.baw3 { border-width: var(--su-static4) !important; }
+
+//  $$  Top Border
+#stacks-internals #responsify('.btw0', { border-top-width: 0 !important; });
+.btw1 { border-top-width: var(--su-static1) !important; }
+.btw2 { border-top-width: var(--su-static2) !important; }
+.btw3 { border-top-width: var(--su-static4) !important; }
+
+//  $$  Right Border
+#stacks-internals #responsify('.brw0', { border-right-width: 0 !important; });
+.brw1 { border-right-width: var(--su-static1) !important; }
+.brw2 { border-right-width: var(--su-static2) !important; }
+.brw3 { border-right-width: var(--su-static4) !important; }
+
+//  $$  Bottom Border
+#stacks-internals #responsify('.bbw0', { border-bottom-width: 0 !important; });
+.bbw1 { border-bottom-width: var(--su-static1) !important; }
+.bbw2 { border-bottom-width: var(--su-static2) !important; }
+.bbw3 { border-bottom-width: var(--su-static4) !important; }
+
+//  $$  Left Border
+#stacks-internals #responsify('.blw0', { border-left-width: 0 !important; });
+.blw0 { border-left-width: 0 !important; }
+.blw1 { border-left-width: var(--su-static1) !important; }
+.blw2 { border-left-width: var(--su-static2) !important; }
+.blw3 { border-left-width: var(--su-static4) !important; }
+
+//  $$  Y-Axis Border
+.byw0 { .btw0; .bbw0; }
+.byw1 { .btw1; .bbw1; }
+.byw2 { .btw2; .bbw2; }
+.byw3 { .btw3; .bbw3; }
+
+//  $$  X-Axis Border
+.bxw0 { .brw0; .blw0; }
+.bxw1 { .brw1; .blw1; }
+.bxw2 { .brw2; .blw2; }
+.bxw3 { .brw3; .blw3; }
+
+
+//  ============================================================================
+//  $   STYLE
+//  ============================================================================
+//  $$  All sides
+.bas-solid { border-style: solid !important; }
+.bas-dashed { border-style: dashed !important; }
+
+//  $$  Top Border
+.bts-solid { border-top-style: solid !important; }
+.bts-dashed { border-top-style: dashed !important; }
+
+//  $$  Right Border
+.brs-solid { border-right-style: solid !important; }
+.brs-dashed { border-right-style: dashed !important; }
+
+//  $$  Bottom Border
+.bbs-solid { border-bottom-style: solid !important; }
+.bbs-dashed { border-bottom-style: dashed !important; }
+
+//  $$  Left Border
+.bls-solid { border-left-style: solid !important; }
+.bls-dashed { border-left-style: dashed !important; }
+
+
+//  ============================================================================
+//  $   BORDER RADIUS
+//  ----------------------------------------------------------------------------
+//  $$  All Sides
+.bar-sm { border-radius: var(--br-sm) !important; }
+.bar-md { border-radius: var(--br-md) !important; }
+.bar-lg { border-radius: var(--br-lg) !important; }
+.bar-circle { border-radius: 100% !important; }
+.bar-pill { border-radius: 1000px !important; }
+
+//  $$  Top Left Corner
+.btlr0 { border-top-left-radius: 0 !important; }
+.btlr-sm { border-top-left-radius: var(--br-sm) !important; }
+.btlr-md { border-top-left-radius: var(--br-md) !important; }
+.btlr-lg { border-top-left-radius: var(--br-lg) !important; }
+
+//  $$  Top Right Corner
+.btrr0 { border-top-right-radius: 0 !important; }
+.btrr-sm { border-top-right-radius: var(--br-sm) !important; }
+.btrr-md { border-top-right-radius: var(--br-md) !important; }
+.btrr-lg { border-top-right-radius: var(--br-lg) !important; }
+
+//  $$  Bottom Left Corner
+.bblr0 { border-bottom-left-radius: 0 !important; }
+.bblr-sm { border-bottom-left-radius: var(--br-sm) !important; }
+.bblr-md { border-bottom-left-radius: var(--br-md) !important; }
+.bblr-lg { border-bottom-left-radius: var(--br-lg) !important; }
+
+//  $$  Bottom Right Corner
+.bbrr0 { border-bottom-right-radius: 0 !important; }
+.bbrr-sm { border-bottom-right-radius: var(--br-sm) !important; }
+.bbrr-md { border-bottom-right-radius: var(--br-md) !important; }
+.bbrr-lg { border-bottom-right-radius: var(--br-lg) !important; }
+
+//  $$  Top Corners
+.btr0 { .btlr0; .btrr0; }
+.btr-sm { .btlr-sm; .btrr-sm; }
+.btr-md { .btlr-md; .btrr-md; }
+.btr-lg { .btlr-lg; .btrr-lg; }
+
+//  $$  Right Corners
+.brr0 { .btrr0; .bbrr0; }
+.brr-sm { .btrr-sm; .bbrr-sm; }
+.brr-md { .btrr-md; .bbrr-md; }
+.brr-lg { .btrr-lg; .bbrr-lg; }
+
+//  $$  Bottom Corners
+.bbr0 { .bblr0; .bbrr0; }
+.bbr-sm { .bblr-sm; .bbrr-sm; }
+.bbr-md { .bblr-md; .bbrr-md; }
+.bbr-lg { .bblr-lg; .bbrr-lg; }
+
+//  $$  Left Corners
+.blr0 { .btlr0; .bblr0; }
+.blr-sm { .btlr-sm; .bblr-sm; }
+.blr-md { .btlr-md; .bblr-md; }
+.blr-lg { .btlr-lg; .bblr-lg; }
+
+//  $$  All Sides
+#stacks-internals #responsify('.bar0', { border-radius: 0 !important; });

package/lib/atomic/color.less

@@ -1,36 +1,36 @@
-@import (reference) "../exports/color-mixins.less";
-@import (reference) "../exports/mixins.less";
-
-& {
-    @set: .sets-mode()[light];
-    @miscUtilityClasses: transparent, inherit;
-
-    // Create utility classes
-    .create-colors(@set, classes);
-
-    // Create aliased utility classes (error, warning, etc)
-    .create-aliased-utility-classes();
-
-    each(@miscUtilityClasses, {
-        .create-color-classes(@value, ~"@{value} !important", light, background-color);
-        .create-color-classes(@value, ~"@{value} !important", light, border-color);
-    });
-
-    // Create theme-specific utility classes
-    .create-colors(.sets-theme-default(), classes);
-
-    // Create dark mode conditional utility classes
-    .dark-mode({
-        // Utility classes
-        .create-colors(@set, classes, dark);
-
-        // Aliased utility classes (error, warning, etc)
-        .create-aliased-utility-classes(dark);
-
-        // Misc utility classes
-        each(@miscUtilityClasses, {
-            .create-color-classes(@value, ~"@{value} !important", light, background-color);
-            .create-color-classes(@value, ~"@{value} !important", light, border-color);
-        });
-    });
-}
+@import (reference) "../exports/color-mixins.less";
+@import (reference) "../exports/mixins.less";
+
+& {
+    @set: .sets-mode()[light];
+    @miscUtilityClasses: transparent, inherit;
+
+    // Create utility classes
+    .create-colors(@set, classes);
+
+    // Create aliased utility classes (error, warning, etc)
+    .create-aliased-utility-classes();
+
+    each(@miscUtilityClasses, {
+        .create-color-classes(@value, ~"@{value} !important", light, background-color);
+        .create-color-classes(@value, ~"@{value} !important", light, border-color);
+    });
+
+    // Create theme-specific utility classes
+    .create-colors(.sets-theme-default(), classes);
+
+    // Create dark mode conditional utility classes
+    .dark-mode({
+        // Utility classes
+        .create-colors(@set, classes, dark);
+
+        // Aliased utility classes (error, warning, etc)
+        .create-aliased-utility-classes(dark);
+
+        // Misc utility classes
+        each(@miscUtilityClasses, {
+            .create-color-classes(@value, ~"@{value} !important", light, background-color);
+            .create-color-classes(@value, ~"@{value} !important", light, border-color);
+        });
+    });
+}