@foris/avocado-core 0.0.2 → 0.0.4

package/dist/scss/_grid.scss

@@ -1,6 +1,5 @@
 // This grid use CSS Flexbox. To transform this grid in css use https://www.sassmeister.com/ <3
-@use './variables' as variables;
-@use 'sass:math';
+@import './variables';
 
 // Quantity columns
 $gridColumns: 12;
@@ -40,7 +39,7 @@ $gridSpacing: (
 
 // Calculates width column
 @function calculateWidth($columnNumber) {
-  @return unquote(math.div(100, $gridColumns) * $columnNumber + '%');
+  @return unquote((100 / $gridColumns) * $columnNumber + '%');
 }
 
 // Generate responsive spacing
@@ -70,9 +69,7 @@ $gridSpacing: (
   @if $columnNumber == $gridColumns {
     margin-left: 100%;
   } @else if $columnNumber != $gridColumns and $columnNumber != 0 {
-    // For sassmeister.com you can use this line:
-    // margin-left: (100 / ($gridColumns / $columnNumber)) * 1%;
-    margin-left: math.div(100, math.div($gridColumns, $columnNumber)) * 1%;
+    margin-left: (100 / ($gridColumns / $columnNumber)) * 1%;
   } @else if $columnNumber == 0 {
     margin-left: 0;
   }
@@ -166,7 +163,7 @@ $gridSpacing: (
   @if $media == full {
     @include contentFlexboxGrid(map-get($breakpointsPrefix, full));
   } @else if $media == md {
-    @media (max-width: map-get(variables.$breakpoints, md )) {
+    @media (max-width: map-get($breakpoints, md )) {
       @include contentFlexboxGrid(map-get($breakpointsPrefix, md));
     }
   }

package/dist/scss/avocado.scss

@@ -1,5 +1,6 @@
+@forward './variables';
+@forward './mixin';
+
 @import './normalize';
 @import './fonts';
 @import './grid';
-@import './mixin';
-@import './variables';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foris/avocado-core",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "publishConfig": {
     "access": "public"
   },