Write custom function directive

Author: Pickra

scss/function-directive/_function-directive.scss

@@ -0,0 +1,18 @@
+@function font-scale($exponent, $base-font-size: 14px, $ratio: 1.2) {
+    $value: 1;
+
+    @for $i from 1 through $exponent {
+        $value: $value * $ratio;
+    }
+
+    @return if($exponent > 0, $base-font-size * $value, $base-font-size);
+}
+
+.stuff { font-size: font-scale(4); }
+.things { font-size: font-scale(2); }
+
+@for $i from 1 through 6 {
+    $exponent: 7 - $i;
+
+    h#{$i} { font-size: font-scale($exponent, $ratio: 1.5); }
+}

scss/iterate-with-the-each-directive/iterate-with-the-each-directive.scss renamed to scss/iterate-with-the-each-directive/_iterate-with-the-each-directive.scss

@@ -1 +1 @@
-@import "iterate-with-the-each-directive/iterate-with-the-each-directive";
+@import "function-directive/_function-directive.scss";