Allow importing of functions and mixins in a more comfortable way

Author: mzdr

_functions.scss

@@ -0,0 +1,4 @@
+@import "functions/grid-column-width";
+@import "functions/grid-configuration-at";
+@import "functions/grid-gutter-width";
+@import "functions/grid-outer-margin";

_mixins.scss

@@ -0,0 +1,3 @@
+@import "mixins/grid-breakpoint";
+@import "mixins/grid-gutter-width";
+@import "mixins/grid-outer-margin";

src/_variables.scss _variables.scss

@@ -0,0 +1,4 @@
+/// Returns the total width for a given column.
+@function grid-column-width($i) {
+    @return 100% / $grid-columns * $i;
+}

functions/_grid-column-width.scss

@@ -26,26 +26,3 @@
     // return the requested value, otherwise null.
     @return if($index <= length($option), nth($option, $index), null);
 }
-
-/// Returns the total width for a given column.
-@function grid-column-width($i) {
-    @return 100% / $grid-columns * $i;
-}
-
-/// Returns the appropriate outer margin for a given or not given breakpoint.
-@function grid-outer-margin($name: null) {
-    @return grid-configuration-at(
-        $name,
-        $grid-outer-margin,
-        $grid-breakpoints
-    );
-}
-
-/// Returns the appropriate gutter width for a given or not given breakpoint.
-@function grid-gutter-width($name: null) {
-    @return grid-configuration-at(
-        $name,
-        $grid-gutter-width,
-        $grid-breakpoints
-    );
-}

src/_functions.scss functions/_grid-configuration-at.scss

@@ -0,0 +1,8 @@
+/// Returns the appropriate gutter width for a given or not given breakpoint.
+@function grid-gutter-width($name: null) {
+    @return grid-configuration-at(
+        $name,
+        $grid-gutter-width,
+        $grid-breakpoints
+    );
+}

functions/_grid-gutter-width.scss

@@ -0,0 +1,8 @@
+/// Returns the appropriate outer margin for a given or not given breakpoint.
+@function grid-outer-margin($name: null) {
+    @return grid-configuration-at(
+        $name,
+        $grid-outer-margin,
+        $grid-breakpoints
+    );
+}

functions/_grid-outer-margin.scss

@@ -1,11 +1,9 @@
 /*! {{ name }} v{{ version }} */
 
-// Import grid functions/mixins.
-@import "src/functions";
-@import "src/variables";
-@import "src/grid-breakpoint";
-@import "src/grid-gutter-width";
-@import "src/grid-outer-margin";
+// Import grid functions, mixins and settings.
+@import "functions";
+@import "mixins";
+@import "variables";
 
 .#{$grid-classes-prefix}container {
     @include grid-outer-margin;