@nulllogic/scssleon 1.0.37 → 1.0.39

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nulllogic/scssleon",
   "description": "Most advanced, simple and clean SCSS framework",
-  "version": "1.0.37",
-  "version_short": "1.0",
+  "version": "1.0.39",
+  "version_short": "1.0.39",
   "keywords": [
     "css",
     "sass",
@@ -21,7 +21,7 @@
     "watch": "sass --watch ./scss:./dist/css"
   },
   "dependencies": {
-    "sass": "^1.87.0"
+    "sass": "^1.89.0"
   },
   "devDependencies": {
 

package/scss/_base.scss

@@ -13,6 +13,7 @@ $config: nil !default;
 $theme: nil !default;
 
 @each $tag, $properties in functions.get-theme($theme, 'html') {
+  @debug $tag;
   #{$tag} {
     @include mixins.generate-properties(#{$tag}, $properties, $config);
   }

package/scss/_functions.scss

@@ -1,25 +1,12 @@
 @use 'sass:list';
 @use 'sass:map';
+@use 'sass:string';
 
-@function str-split($string, $separator) {
-  $split-arr: ();
-  $index : str-index($string, $separator);
-  @while $index != null {
-    $item: str-slice($string, 1, $index - 1);
-    $split-arr: append($split-arr, $item);
-    $string: str-slice($string, $index + 1);
-    $index : str-index($string, $separator);
-  }
-  $split-arr: append($split-arr, $string);
-
-  @return $split-arr;
-}
-
-@function str-replace($string, $search, $replace: '') {
-  $index: str-index($string, $search);
+@function replace($string, $search, $replace: '') {
+  $index: string.index($string, $search);
 
   @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    @return string.slice($string, 1, $index - 1) + $replace + replace(string.slice($string, $index + string.length($search)), $search, $replace);
   }
 
   @return $string;
@@ -33,8 +20,8 @@
     @return nil;
   }
 
-  @if (str-index($value, '.')) {
-    $path: str-split($value, '.');
+  @if (string.index($value, '.')) {
+    $path: string.split($value, '.');
     $val: map.get($config, $path...);
   } @else {
     $val: map.get($config, $value);
@@ -55,8 +42,8 @@
     @return nil;
   }
 
-  @if (str-index($value, '.')) {
-    $path: str-split($value, '.');
+  @if (string.index($value, '.')) {
+    $path: string.split($value, '.');
     $val: map.get($theme, $path...);
   } @else {
     $val: map.get($theme, $value);
@@ -74,13 +61,13 @@
 //
 // Requires the use of quotes around data URIs.
 @function escape-svg($string) {
-  @if str-index($string, "data:image/svg+xml") {
+  @if string.index($string, "data:image/svg+xml") {
     @each $char, $encoded in $escaped-characters {
       // Do not escape the url brackets
-      @if str-index($string, "url(") == 1 {
-        $string: url("#{str-replace(str-slice($string, 6, -3), $char, $encoded)}");
+      @if string.index($string, "url(") == 1 {
+        $string: url("#{string.replace(string.slice($string, 6, -3), $char, $encoded)}");
       } @else {
-        $string: str-replace($string, $char, $encoded);
+        $string: string.replace($string, $char, $encoded);
       }
     }
   }

package/scss/_reset.scss

@@ -48,11 +48,13 @@ $color_scheme: functions.get-config($config, "color-scheme");
   h5,
   h6 {
     margin: 0;
+    line-height: normal;
   }
 
   // Paragraph
   p {
     margin: 0;
+    line-height: normal;
   }
 
   // Lists

package/scss/mixins/generators/_properties.scss

@@ -8,7 +8,7 @@
 @mixin generate-css-properties($tag, $property, $value, $config) {
   $prefix: functions.get-config($config, "prefix");
 
-  --#{$prefix}-#{$tag}-#{functions.str-replace($property, '--', '')}: #{meta.inspect(
+  --#{$prefix}-#{$tag}-#{functions.replace($property, '--', '')}: #{meta.inspect(
       $value
     )};
 }
@@ -16,13 +16,13 @@
 @mixin generate-css-variables($tag, $property, $value, $config) {
   $prefix: functions.get-config($config, "prefix");
 
-  @if (meta.type-of($value) == "string" and str-index($value, "var(--") == 1) {
+  @if (meta.type-of($value) == "string" and string.index($value, "var(--") == 1) {
     #{$property}: #{meta.inspect(
-      functions.str-replace($value, "--", "--" + $prefix + "-" + $tag + "-")
+      functions.replace($value, "--", "--" + $prefix + "-" + $tag + "-")
     )};
-  } @else if (type-of($value) == "string" and str-index($value, "var(global(") == 1) {
+  } @else if (meta.type-of($value) == "string" and string.index($value, "var(global(") == 1) {
     #{$property}: #{meta.inspect(
-        functions.str-replace(
+        functions.replace(
           string.slice($value, 0, string.length($value) - 1),
           "global(--",
           "--" + $prefix + "-root-"
@@ -37,11 +37,11 @@
   $prefix: functions.get-config($config, "prefix");
 
   @each $color, $color-properties in $value {
-    @each $scheme in functions.str-split(functions.get-config($config, "color-scheme"), " ") {
+    @each $scheme in string.split(functions.get-config($config, "color-scheme"), " ") {
       @if $scheme == $color {
         @include mixin.generate-color-scheme($color) {
           @each $color-property, $color-value in $color-properties {
-            --#{$prefix}-#{$tag}-#{functions.str-replace($color-property, '--', '')}: #{meta.inspect(
+            --#{$prefix}-#{$tag}-#{functions.replace($color-property, '--', '')}: #{meta.inspect(
               $color-value
             )};
           }
@@ -79,7 +79,7 @@
     // Looking for "--" symbols in the beginning of the property
     // Example: --flex-direction : row
     @if (
-      meta.type-of($property) == "string" and str-index($property, "--") == 1
+      meta.type-of($property) == "string" and string.index($property, "--") == 1
     ) {
       @include generate-css-properties($tag, $property, $value, $config);
     }

package/scss/themes/_default.scss

@@ -72,7 +72,7 @@ $html-config: (
           ),
         )
       )
-      
+
     ),
     ol: (
       margin: 0,
@@ -104,42 +104,42 @@ $content-config: (
   content : (
     h1 : (
       font-size: 3.75rem,
-      line-height: inherit,
+      line-height: 1,
       font-weight: 500,
       margin: 0,
       padding: 0 0 15px 0
     ),
     h2 : (
       font-size: 3rem,
-      line-height: inherit,
+      line-height: 1,
       font-weight: 500,
       margin: 0,
       padding: 0 0 15px 0
     ),
     h3 : (
       font-size: 2.25rem,
-      line-height: inherit,
+      line-height: 1.3,
       font-weight: 500,
       margin: 0,
       padding: 0 0 15px 0
     ),
     h4 : (
       font-size: 1.875rem,
-      line-height: inherit,
+      line-height: 1.2,
       font-weight: 500,
       margin: 0,
       padding: 0 0 15px 0
     ),
     h5 : (
       font-size: 1.5rem,
-      line-height: inherit,
+      line-height: 1.4,
       font-weight: 500,
       margin: 0,
       padding: 0 0 15px 0
     ),
     h6 : (
       font-size: 1.25rem,
-      line-height: inherit,
+      line-height: 1.5,
       font-weight: 500,
       margin: 0,
       padding: 0 0 15px 0