pacem-less 0.50.2 → 0.50.3-akkad

package/pacem/fx/gradient.less

@@ -0,0 +1,21 @@
+@import "../theme-dark";
+@import "../../shared";
+@import "../ui/shared";
+
+@{P}-fx-gradient-radial,
+@{P}-fx-gradient-linear,
+@{P}-fx-gradient-stop,
+@{P}-fx-gradient {
+    .Inert();
+}
+
+.@{PCSS}-fx-gradient-fill {
+    // empty
+}
+
+.@{PCSS}-fx-gradient-text {
+    background-clip: text;
+    -webkit-background-clip: text;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+}

package/pacem/fx/index.less

@@ -1,4 +1,5 @@
 @import "fancy";
+@import "gradient";
 @import "hero";
 @import "ripple";
 @import "pulse";

package/pacem/layout/dark/elevation.less

@@ -0,0 +1,74 @@
+@import "../shared";
+
+.@{PCSS}-rise {
+
+    .BorderRise() {
+        border: 1px solid;
+        border-top-color: @color_border_light;
+        border-bottom-color: @color_border_dark;
+        border-left-color: @color_border_dawn;
+        border-right-color: @color_border_dusk;
+    }
+
+    // border
+    &:not(.rise-noborder) {
+        .BorderRise();
+    }
+
+    box-shadow: 0 @grid_spacing/6 @grid_spacing @color_shadow;
+
+    &.rise-none {
+        box-shadow: none;
+        border-color: fade(@color_shadow, 0);
+    }
+
+    each(range(5), {
+
+            @_spread: unit(pow(@value, 2), px);
+            @_offset: unit(@value, px);
+        
+            &.rise--@{value}{
+                box-shadow: 0 @_offset @_spread @color_shadow;
+            }
+
+            &.rise-hover--@{value}:hover,
+            &.rise-hover--@{value}:focus{
+                box-shadow: 0 @_offset @_spread @color_shadow;
+            }
+        });
+
+    &.rise--1,
+    &.rise--2,
+    &.rise--3,
+    &.rise--4,
+    &.rise--5,
+    &.rise-hover--1:hover,
+    &.rise-hover--2:hover,
+    &.rise-hover--3:hover,
+    &.rise-hover--4:hover,
+    &.rise-hover--5:hover,
+    &.rise-hover--1:focus,
+    &.rise-hover--2:focus,
+    &.rise-hover--3:focus,
+    &.rise-hover--4:focus,
+    &.rise-hover--5:focus {
+        &:not(.rise-noborder) {
+            .BorderRise();
+        }
+    }
+
+    &.rise-hover-none:hover,
+    &.rise-hover-none:focus {
+        box-shadow: none;
+        border-color: fade(@color_shadow, 0);
+    }
+}
+
+
+// animations
+.@{PCSS}-animations {
+
+    .@{PCSS}-rise {
+        transition: box-shadow @easing_in_out_sine .2s, border-color @easing_in_out_sine .2s .05s;
+    }
+}

package/pacem/layout/dark/index.less

@@ -1,4 +1,5 @@
 @import "visibility";
+@import "elevation";
 @import "grid-system";
 @import "typography";
 @import "other";

package/pacem/scaffolding/dark/checkbox.less

@@ -91,7 +91,7 @@
 
     &.@{PCSS}-selected when (@glows = true) {
         label.@{PCSS}-label.@{PCSS}-checkbox {
-            box-shadow: 0 0 8px fade(@back, 100);
+            box-shadow: 0 0 8px @back;
         }
     }
 }
@@ -174,47 +174,16 @@
     .SwitcherColoring(@color_primary, @color_primary_inv);
 }
 
-@{P}-form-field.@{PCSS}-switcher.switcher-primary @{P}-checkbox,
-@{P}-checkbox.checkbox-toggle.checkbox-primary,
-@{P}-checkbox.checkbox-switch.checkbox-primary {
-    .SwitcherColoring(@color_primary, @color_primary_inv);
-}
-
-@{P}-form-field.@{PCSS}-switcher.switcher-danger @{P}-checkbox,
-@{P}-checkbox.checkbox-toggle.checkbox-danger,
-@{P}-checkbox.checkbox-switch.checkbox-danger {
-    .SwitcherColoring(@color_danger, @color_danger_inv);
-}
-
-@{P}-form-field.@{PCSS}-switcher.switcher-warning @{P}-checkbox,
-@{P}-checkbox.checkbox-toggle.checkbox-warning,
-@{P}-checkbox.checkbox-switch.checkbox-warning {
-    .SwitcherColoring(@color_warning, @color_warning_inv);
-}
-
-@{P}-form-field.@{PCSS}-switcher.switcher-accent @{P}-checkbox,
-@{P}-checkbox.checkbox-toggle.checkbox-accent,
-@{P}-checkbox.checkbox-switch.checkbox-accent {
-    .SwitcherColoring(@color_accent, @color_accent_inv);
-}
-
-@{P}-form-field.@{PCSS}-switcher.switcher-success @{P}-checkbox,
-@{P}-checkbox.checkbox-toggle.checkbox-success,
-@{P}-checkbox.checkbox-switch.checkbox-success {
-    .SwitcherColoring(@color_success, @color_success_inv);
+each(@all_colors, {
+    
+    
+@{P}-form-field.@{PCSS}-switcher.switcher-@{value} @{P}-checkbox,
+@{P}-checkbox.checkbox-toggle.checkbox-@{value},
+@{P}-checkbox.checkbox-switch.checkbox-@{value} {
+    .SwitcherColoring(~"var(--@{PCSS}-color-@{value})", ~"var(--@{PCSS}-color-@{value}-inverse)");
 }
 
-@{P}-form-field.@{PCSS}-switcher.switcher-default @{P}-checkbox,
-@{P}-checkbox.checkbox-toggle.checkbox-default,
-@{P}-checkbox.checkbox-switch.checkbox-default {
-    .SwitcherColoring(@color_default, @color_default_inv);
-}
-
-@{P}-form-field.@{PCSS}-switcher.switcher-error @{P}-checkbox,
-@{P}-checkbox.checkbox-toggle.checkbox-error,
-@{P}-checkbox.checkbox-switch.checkbox-error {
-    .SwitcherColoring(@color_error, @color_danger_inv);
-}
+    });
 
 @{P}-checkbox {
     // coloring
@@ -232,33 +201,14 @@
         }
     }
 
-    &.checkbox-default {
-        .CheckboxColoring(@color_default);
-    }
-
-    &.checkbox-primary {
-        .CheckboxColoring(@color_primary);
-    }
-
-    &.checkbox-warning {
-        .CheckboxColoring(@color_warning);
-    }
-
-    &.checkbox-success {
-        .CheckboxColoring(@color_success);
-    }
-
-    &.checkbox-danger {
-        .CheckboxColoring(@color_danger);
-    }
 
-    &.checkbox-error {
-        .CheckboxColoring(@color_error);
-    }
+    each(@all_colors, {
+    
+    &.checkbox-@{value} {
+    .CheckboxColoring(~"var(--@{PCSS}-color-@{value})");
+}
 
-    &.checkbox-accent {
-        .CheckboxColoring(@color_accent);
-    }
+    });
 
     &.@{PCSS}-disabled {
         .CheckboxColoring(@color_disabled);

package/pacem/scaffolding/dark/slider.less

@@ -125,47 +125,14 @@
     }
 }
 
-@{P}-form-field.slider-primary @{P}-slider,
-@{P}-slider.slider-primary {
-    .slider-progress {
-        .SliderProgress(@color_primary);
-    }
-}
-
-@{P}-form-field.slider-danger @{P}-slider,
-@{P}-slider.slider-danger {
-    .slider-progress {
-        .SliderProgress(@color_danger);
-    }
-}
-
-@{P}-form-field.slider-success @{P}-slider,
-@{P}-slider.slider-success {
-    .slider-progress {
-        .SliderProgress(@color_success);
-    }
-}
-
-@{P}-form-field.slider-default @{P}-slider,
-@{P}-slider.slider-default {
-    .slider-progress {
-        .SliderProgress(@color_default);
-    }
-}
-
-@{P}-form-field.slider-accent @{P}-slider,
-@{P}-slider.slider-accent {
-    .slider-progress {
-        .SliderProgress(@color_accent);
-    }
-}
-
-@{P}-form-field.slider-warning @{P}-slider,
-@{P}-slider.slider-warning {
-    .slider-progress {
-        .SliderProgress(@color_warning);
-    }
-}
+each(@all_colors,{
+        @{P}-form-field.slider-@{value} @{P}-slider,
+        @{P}-slider.slider-@{value} {
+            .slider-progress {
+                .SliderProgress(~"var(--@{PCSS}-color-@{value})");
+            }
+        }
+     });
 
 
 .@{PCSS}-animations {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.50.2",
+  "version": "0.50.3-akkad",
   "name": "pacem-less",
   "homepage": "https://js.pacem.it",
   "repository": {