@nulllogic/scssleon 1.0.31 → 1.0.33

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nulllogic/scssleon",
   "description": "Most advanced, simple and clean SCSS framework",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "version_short": "1.0",
   "keywords": [
     "css",

package/scss/_root.scss

@@ -24,9 +24,7 @@ $root-variables: functions.get-theme($theme, "root.variables");
     }
   }
 
-  & {
-    color-scheme: string.unquote($color_scheme);
-  }
+  color-scheme: string.unquote($color_scheme);
 
   @include mixins.generate-properties(
     "root",

package/scss/components/_card.scss

@@ -5,11 +5,11 @@
  */
 
 /* Load settings and functions */
-@use "../mixins" as mixins;
-@use "../functions" as functions;
+@use '../mixins' as mixins;
+@use '../functions' as functions;
 
 /* SCSS variables definition requirement */
 $config: nil !default;
 $theme: nil !default;
 
-@include mixins.generate-component("card", "card", $config, $theme);
+@include mixins.generate-component('card', 'card', $config, $theme);

package/scss/mixins/generators/_properties.scss

@@ -8,36 +8,28 @@
 @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.str-replace($property, '--', '')}: #{meta.inspect(
       $value
     )};
-  }
 }
 
 @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) {
-    & {
-      #{$property}: #{meta.inspect(
-        functions.str-replace($value, "--", "--" + $prefix + "-" + $tag + "-")
-      )};
-    }
+    #{$property}: #{meta.inspect(
+      functions.str-replace($value, "--", "--" + $prefix + "-" + $tag + "-")
+    )};
   } @else if (type-of($value) == "string" and str-index($value, "var(global(") == 1) {
-    & {
-      #{$property}: #{meta.inspect(
+    #{$property}: #{meta.inspect(
         functions.str-replace(
           string.slice($value, 0, string.length($value) - 1),
           "global(--",
           "--" + $prefix + "-root-"
         )
       )};
-    }
   } @else {
-    & {
-      #{$property}: #{meta.inspect($value)};
-    }
+    #{$property}: #{meta.inspect($value)};
   }
 }
 
@@ -49,11 +41,9 @@
       @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(
-                $color-value
-              )};
-            }
+            --#{$prefix}-#{$tag}-#{functions.str-replace($color-property, '--', '')}: #{meta.inspect(
+              $color-value
+            )};
           }
         }
       }
@@ -89,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 str-index($property, "--") == 1
     ) {
       @include generate-css-properties($tag, $property, $value, $config);
     }

package/scss/themes/_default.scss

@@ -35,7 +35,7 @@ $html-config: (
     ),
     a : (
       text-decoration : underline,
-      color: var(--a-color),
+      color: var(--color),
       colors: (
         light : (
           color: '#ccc',
@@ -544,7 +544,7 @@ $components-config: (
 
     card : (
       --border-radius: .25rem,
-      --padding: 10px,
+      --padding: .5rem,
 
       background: var(--background),
       padding: var(--padding),