pacem-less 0.40.0-berbera → 0.40.0-borsippa

package/pacem/layout/dark/typography.less

@@ -11,7 +11,7 @@ h1, h2, h3 {
 
 h1, h2, h3, h4, h5, h6 {
     font-weight: 400;
-    font-family: @font_main;
+    font-family: ~"var(--@{PCSS}-font-main)";
     line-height: 1.1;
 
     &.@{PCSS}-title {
@@ -105,18 +105,6 @@ hr {
     }
 }
 
-.border-dashed {
-    border-style: dashed;
-}
-
-.border-dotted {
-    border-style: dotted;
-}
-
-.border-solid {
-    border-style: solid;
-}
-
 a, a:hover, a:visited {
     color: @color_link;
 }

package/pacem/pacem.less

@@ -198,58 +198,59 @@ html .@{PCSS}-preloader {
         @_r: round(red(@value));
         @_g: round(green(@value));
         @_b: round(blue(@value));
+        
         --@{PCSS}-color-@{key}-rgb: @_r, @_g, @_b;
     }
-    
-    @__color_background: @color_background;
-    @__color_background_inv: @color_default;
-    @__color_root: @color_root_background;
-    @__color_root_inv: @color_default;
-    @__color_default: @color_default;
-    @__color_default_inv: @color_default_inv;
-    @__color_invert: @color_default;
-    @__color_invert_inv: @color_background;
-    @__color_primary: @color_primary;
-    @__color_primary_inv: @color_primary_inv;
-    @__color_secondary: @color_secondary;
-    @__color_secondary_inv: @color_secondary_inv;
-    @__color_accent: @color_accent;
-    @__color_accent_inv: @color_accent_inv;
-    @__color_info: @color_info;
-    @__color_info_inv: @color_info_inv;
-    @__color_success: @color_success;
-    @__color_success_inv: @color_success_inv;
-    @__color_warning: @color_warning;
-    @__color_warning_inv: @color_warning_inv;
-    @__color_danger: @color_danger;
-    @__color_danger_inv: @color_danger_inv;
-    @__color_error: @color_error;
-    @__color_error_inv: @color_error_inv;
-    @__color_disabled: @color_disabled;
-    @__color_disabled_inv: @color_disabled_inv;
-
-    @__color_green: @palette_green;
-    @__color_green_inv: @palette_green_inv;
-    @__color_yellow: @palette_yellow;
-    @__color_yellow_inv: @palette_yellow_inv;
-    @__color_brown: @palette_brown;
-    @__color_brown_inv: @palette_brown_inv;
-    @__color_red: @palette_red;
-    @__color_red_inv: @palette_red_inv;
-    @__color_pink: @palette_pink;
-    @__color_pink_inv: @palette_pink_inv;
-    @__color_blue: @palette_blue;
-    @__color_blue_inv: @palette_blue_inv;
-    @__color_orange: @palette_orange;
-    @__color_orange_inv: @palette_orange_inv;
-    @__color_purple: @palette_purple;
-    @__color_purple_inv: @palette_purple_inv;
-    @__color_teal: @palette_teal;
-    @__color_teal_inv: @palette_teal_inv;
-
-    @_colors: root, background, default, invert, primary, secondary, accent, info, success, warning, danger, error, disabled, green, yellow, brown, red, pink, blue, orange, purple, teal;
-
-    // basic palette
+
+@__color_background: @color_background;
+@__color_background_inv: @color_default;
+@__color_root: @color_root_background;
+@__color_root_inv: @color_default;
+@__color_default: @color_default;
+@__color_default_inv: @color_default_inv;
+@__color_invert: @color_default;
+@__color_invert_inv: @color_background;
+@__color_primary: @color_primary;
+@__color_primary_inv: @color_primary_inv;
+@__color_secondary: @color_secondary;
+@__color_secondary_inv: @color_secondary_inv;
+@__color_accent: @color_accent;
+@__color_accent_inv: @color_accent_inv;
+@__color_info: @color_info;
+@__color_info_inv: @color_info_inv;
+@__color_success: @color_success;
+@__color_success_inv: @color_success_inv;
+@__color_warning: @color_warning;
+@__color_warning_inv: @color_warning_inv;
+@__color_danger: @color_danger;
+@__color_danger_inv: @color_danger_inv;
+@__color_error: @color_error;
+@__color_error_inv: @color_error_inv;
+@__color_disabled: @color_disabled;
+@__color_disabled_inv: @color_disabled_inv;
+
+@__color_green: @palette_green;
+@__color_green_inv: @palette_green_inv;
+@__color_yellow: @palette_yellow;
+@__color_yellow_inv: @palette_yellow_inv;
+@__color_brown: @palette_brown;
+@__color_brown_inv: @palette_brown_inv;
+@__color_red: @palette_red;
+@__color_red_inv: @palette_red_inv;
+@__color_pink: @palette_pink;
+@__color_pink_inv: @palette_pink_inv;
+@__color_blue: @palette_blue;
+@__color_blue_inv: @palette_blue_inv;
+@__color_orange: @palette_orange;
+@__color_orange_inv: @palette_orange_inv;
+@__color_purple: @palette_purple;
+@__color_purple_inv: @palette_purple_inv;
+@__color_teal: @palette_teal;
+@__color_teal_inv: @palette_teal_inv;
+
+@_colors: root, background, default, invert, primary, secondary, accent, info, success, warning, danger, error, disabled, green, yellow, brown, red, pink, blue, orange, purple, teal;
+
+// basic palette
 each(@_colors, {
         
         @_color_var: ~"__color_@{value}";
@@ -297,6 +298,11 @@ each(range(12), {
 --@{PCSS}-size-@{value}: @@_s;
 --@{PCSS}-size--@{value}: @@__s;
     });
+// font-faces
+--@{PCSS}-font-std: @font_std;
+--@{PCSS}-font-main: @font_main;
+--@{PCSS}-font-tech: @font_tech;
+--@{PCSS}-font-btn: @button_fontfamily;
 // z-indexing
 --@{PCSS}-zindex-toast: @toast_z_index;
 --@{PCSS}-zindex-balloon: @balloon_z_index;
@@ -337,7 +343,7 @@ each(range(12), {
 --grid-cell: @grid_cell;
 --grid-spacing: @grid_spacing;
 --grid-double-spacing: @double_grid_spacing;
-    /* #endregion deprecated */
+/* #endregion deprecated */
 }
 
 // extra

package/pacem/text-overrides.less

@@ -2,11 +2,63 @@
 
 /* #region text overrides */
 
+@_font_faces: std, main, tech;
+
+each(@_font_faces, {
+   
+    .type-@{value}{
+        font-family: ~"var(--@{PCSS}-font-@{value})" !important;
+        
+        @_f: ~"font_@{value}_rem_factor";
+        @_factor : @@_f;
+    
+        font-size: 1rem * @_factor;
+
+        &.font-size-regular{
+            font-size: 1rem * @_factor;
+        }
+
+        &.font-size-small{
+            font-size: 1rem * .9 * @_factor;
+        }
+
+        &.font-size-smaller{
+            font-size: 1rem * .8667 * @_factor;
+        }
+
+        &.font-size-tiny{
+            font-size: 1rem * .75 * @_factor;
+        }
+
+        &.font-size-smallest{
+            font-size: 1rem * .6667 * @_factor;
+        }
+
+        &.font-size-big{
+            font-size: 1rem * 1.3333 * @_factor;
+        }
+
+        &.font-size-bigger{
+            font-size: 1rem * 1.6667 * @_factor;
+        }
+
+        &.font-size-huge{
+            font-size: 1rem * 2 * @_factor;
+        }
+
+        &.font-size-biggest{
+            font-size: 1rem * 2.5 * @_factor;
+        }
+
+    }
+
+});
+
+
 .text-strike {
     text-decoration: line-through !important;
 }
 
-
 .text-small {
     font-size: .9em !important;
 }
@@ -112,7 +164,6 @@
 .text-main {
     font-family: @font_main !important;
 }
-
 .text-normal {
     text-transform: none !important;
     font-style: normal !important;
@@ -126,7 +177,7 @@
 }
 .text-reset {
     .text-normal();
-    .text-std();
+    font-family: ~"var(--@{PCSS}-font-std)" !important;
     .FontStdSize(1);
 }
 /* #endregion */

package/pacem/theme-dark.less

@@ -94,13 +94,13 @@
 }
 
 .FontStd(@rem, @weight) {
-    font-family: @font_std;
+    font-family: ~"var(--@{PCSS}-font-std)";
     .FontStdSize(@rem);
     font-weight: @weight;
 }
 
 .FontStd(@rem) {
-    font-family: @font_std;
+    font-family: ~"var(--@{PCSS}-font-std)";
     .FontStdSize(@rem);
 }
 
@@ -113,13 +113,13 @@
 }
 
 .FontMain(@rem, @weight) {
-    font-family: @font_main;
+    font-family: ~"var(--@{PCSS}-font-main)";
     font-weight: @weight;
     .FontMainSize(@rem);
 }
 
 .FontMain(@rem) {
-    font-family: @font_main;
+    font-family: ~"var(--@{PCSS}-font-main)";
     .FontMainSize(@rem);
 }
 
@@ -132,13 +132,13 @@
 }
 
 .FontTech(@rem, @weight) {
-    font-family: @font_tech;
+    font-family: ~"var(--@{PCSS}-font-tech)";
     .FontTechSize(@rem);
     font-weight: @weight;
 }
 
 .FontTech(@rem) {
-    font-family: @font_tech;
+    font-family: ~"var(--@{PCSS}-font-tech)";
     .FontTechSize(@rem);
 }
 

package/pacem/theme-phousys.less

@@ -16,7 +16,9 @@
 @font_tech: 'Share Tech Mono', Monospace;
 @font_icons: 'Material Icons';
 @font_size: 14px;
-@font_rem_factor: 1;
+@font_std_rem_factor: 1;
+@font_main_rem_factor: 1;
+@font_tech_rem_factor: 1;
 @font_std: 'Roboto Condensed', 'Segoe UI', Helvetica, sans-serif; //'Yanone Kaffeesatz', 'Segoe UI', Helvetica, sans-serif;
 // tweak needed to align the icon to the std font baseline
 @font_icon_offset: -2px;

package/pacem/ui/dark/button.less

@@ -373,7 +373,7 @@ a.@{PCSS}-button,
 .ButtonText() {
     cursor: pointer;
     // picked from below
-    font-family: @button_fontfamily;
+    font-family: ~"var(--@{PCSS}-font-btn)";
     font-size: @button_fontsize;
     text-align: center;
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.40.0-berbera",
+  "version": "0.40.0-borsippa",
   "name": "pacem-less",
   "homepage": "https://js.pacem.it",
   "repository": {