From ea5c63744ec0ed32b2da6bad53d44f6412339f83 Mon Sep 17 00:00:00 2001
From: Chauncey McAskill <chauncey@locomotive.ca>
Date: Thu, 23 May 2019 10:06:24 -0400
Subject: [PATCH] Fix family.scss

Fixed:
- Typo in filename
- Indentation of contents
---
 assets/styles/main.scss                       |   2 +-
 .../tools/{_familly.scss => _family.scss}     | 220 +++++++++---------
 2 files changed, 111 insertions(+), 111 deletions(-)
 rename assets/styles/tools/{_familly.scss => _family.scss} (75%)

diff --git a/assets/styles/main.scss b/assets/styles/main.scss
index 2eaf46c..394bdd8 100644
--- a/assets/styles/main.scss
+++ b/assets/styles/main.scss
@@ -16,7 +16,7 @@
 @import "tools/layout";
 // @import "tools/ratio";
 // @import "tools/widths";
-// @import "tools/familly";
+// @import "tools/family";
 
 // Generic
 // ==========================================================================
diff --git a/assets/styles/tools/_familly.scss b/assets/styles/tools/_family.scss
similarity index 75%
rename from assets/styles/tools/_familly.scss
rename to assets/styles/tools/_family.scss
index 5736d16..2afe519 100644
--- a/assets/styles/tools/_familly.scss
+++ b/assets/styles/tools/_family.scss
@@ -8,15 +8,15 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @param {number} $num - id of the child
 @mixin first($num) {
-  @if $num == 1 {
-    &:first-child {
-      @content;
+    @if $num == 1 {
+        &:first-child {
+            @content;
+        }
+    } @else {
+        &:nth-child(-n + #{$num}) {
+            @content;
+        }
     }
-  } @else {
-    &:nth-child(-n + #{$num}) {
-      @content;
-    }
-  }
 }
 
 /// Select all children from the last to `$num`.
@@ -24,9 +24,9 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @param {number} $num - id of the child
 @mixin last($num) {
-  &:nth-last-child(-n + #{$num}) {
-    @content;
-  }
+    &:nth-last-child(-n + #{$num}) {
+        @content;
+    }
 }
 
 /// Select all children after the first to `$num`.
@@ -34,9 +34,9 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @param {number} $num - id of the child
 @mixin after-first($num) {
-  &:nth-child(n + #{$num + 1}) {
-    @content;
-  }
+    &:nth-child(n + #{$num + 1}) {
+        @content;
+    }
 }
 
 /// Select all children before `$num` from the last.
@@ -44,45 +44,45 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @param {number} $num - id of the child
 @mixin from-end($num) {
-  &:nth-last-child(#{$num}) {
-    @content;
-  }
+    &:nth-last-child(#{$num}) {
+        @content;
+    }
 }
 
 /// Select all children between `$first` and `$last`.
 /// @group with-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin between($first, $last) {
-  &:nth-child(n + #{$first}):nth-child(-n + #{$last}) {
-    @content;
-  }
+    &:nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+        @content;
+    }
 }
 
 /// Select all even children between `$first` and `$last`.
 /// @group with-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin even-between($first, $last) {
-  &:nth-child(even):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
-    @content;
-  }
+    &:nth-child(even):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+        @content;
+    }
 }
 
 /// Select all odd children between `$first` and `$last`.
 /// @group with-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin odd-between($first, $last) {
-  &:nth-child(odd):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
-    @content;
-  }
+    &:nth-child(odd):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+        @content;
+    }
 }
 
 /// Select all `$num` children between `$first` and `$last`.
 /// @group with-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin n-between($num, $first, $last) {
-  &:nth-child(#{$num}n):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
-    @content;
-  }
+    &:nth-child(#{$num}n):nth-child(n + #{$first}):nth-child(-n + #{$last}) {
+        @content;
+    }
 }
 
 
@@ -91,9 +91,9 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @param {number} $num - id of the child
 @mixin all-but($num) {
-  &:not(:nth-child(#{$num})) {
-    @content;
-  }
+    &:not(:nth-child(#{$num})) {
+        @content;
+    }
 }
 
 /// Select children each `$num`.
@@ -102,9 +102,9 @@
 /// @param {number} $num - id of the child
 /// @alias every
 @mixin each($num) {
-  &:nth-child(#{$num}n) {
-    @content;
-  }
+    &:nth-child(#{$num}n) {
+        @content;
+    }
 }
 
 /// Select children each `$num`.
@@ -112,9 +112,9 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @param {number} $num - id of the child
 @mixin every($num) {
-  &:nth-child(#{$num}n) {
-    @content;
-  }
+    &:nth-child(#{$num}n) {
+        @content;
+    }
 }
 
 /// Select the `$num` child from the start and the `$num` child from the last.
@@ -122,10 +122,10 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @param {number} $num - id of the child
 @mixin from-first-last($num) {
-  &:nth-child(#{$num}),
-  &:nth-last-child(#{$num}) {
-    @content;
-  }
+    &:nth-child(#{$num}),
+    &:nth-last-child(#{$num}) {
+        @content;
+    }
 }
 
 
@@ -135,9 +135,9 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @param {number} $num - id of the child
 @mixin middle($num) {
-  &:nth-child(#{round($num / 2)}) {
-    @content;
-  }
+    &:nth-child(#{round($num / 2)}) {
+        @content;
+    }
 }
 
 
@@ -146,9 +146,9 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @param {number} $num - id of the child
 @mixin all-but-first-last($num) {
-  &:nth-child(n + #{$num}):nth-last-child(n + #{$num}) {
-    @content;
-  }
+    &:nth-child(n + #{$num}):nth-last-child(n + #{$num}) {
+        @content;
+    }
 }
 
 
@@ -158,9 +158,9 @@
 /// @param {number} $limit
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin first-of($limit) {
-  &:nth-last-child(#{$limit}):first-child {
-    @content;
-  }
+    &:nth-last-child(#{$limit}):first-child {
+        @content;
+    }
 }
 
 /// This quantity-query mixin will only select the last of `$limit` items. It will not
@@ -169,9 +169,9 @@
 /// @param {number} $limit
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin last-of($limit) {
-  &:nth-of-type(#{$limit}):nth-last-of-type(1) {
-    @content;
-  }
+    &:nth-of-type(#{$limit}):nth-last-of-type(1) {
+        @content;
+    }
 }
 
 /// This quantity-query mixin will select every items if there is at least `$num` items. It will not
@@ -180,13 +180,13 @@
 /// @param {number} $limit
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin at-least($num) {
-  $selector: &;
-  $child: nth(nth($selector, -1), -1);
+    $selector: &;
+    $child: nth(nth($selector, -1), -1);
 
-  &:nth-last-child(n + #{$num}),
-  &:nth-last-child(n + #{$num}) ~ #{$child} {
-    @content;
-  }
+    &:nth-last-child(n + #{$num}),
+    &:nth-last-child(n + #{$num}) ~ #{$child} {
+        @content;
+    }
 }
 
 /// This quantity-query mixin will select every items if there is at most `$num` items. It will not
@@ -195,13 +195,13 @@
 /// @param {number} $limit
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin at-most($num) {
-  $selector: &;
-  $child: nth(nth($selector, -1), -1);
+    $selector: &;
+    $child: nth(nth($selector, -1), -1);
 
-  &:nth-last-child(-n + #{$num}):first-child,
-  &:nth-last-child(-n + #{$num}):first-child ~ #{$child} {
-    @content;
-  }
+    &:nth-last-child(-n + #{$num}):first-child,
+    &:nth-last-child(-n + #{$num}):first-child ~ #{$child} {
+        @content;
+    }
 }
 
 /// This quantity-query mixin will select every items only if there is between `$min` and `$max` items.
@@ -209,59 +209,59 @@
 /// @param {number} $limit
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin in-between($min, $max) {
-  $selector: &;
-  $child: nth(nth($selector, -1), -1);
+    $selector: &;
+    $child: nth(nth($selector, -1), -1);
 
-  &:nth-last-child(n + #{$min}):nth-last-child(-n + #{$max}):first-child,
-  &:nth-last-child(n + #{$min}):nth-last-child(-n + #{$max}):first-child ~ #{$child} {
-    @content;
-  }
+    &:nth-last-child(n + #{$min}):nth-last-child(-n + #{$max}):first-child,
+    &:nth-last-child(n + #{$min}):nth-last-child(-n + #{$max}):first-child ~ #{$child} {
+        @content;
+    }
 }
 
 /// Select the first exact child
 /// @group no-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin first-child() {
-  &:first-of-type {
-    @content
-  }
+    &:first-of-type {
+        @content
+    }
 }
 
 /// Select the last exact child
 /// @group no-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin last-child() {
-  &:last-of-type {
-    @content
-  }
+    &:last-of-type {
+        @content
+    }
 }
 
 /// Select all even children.
 /// @group no-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin even() {
-  &:nth-child(even) {
-    @content;
-  }
+    &:nth-child(even) {
+        @content;
+    }
 }
 
 /// Select all odd children.
 /// @group no-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin odd() {
-  &:nth-child(odd) {
-    @content;
-  }
+    &:nth-child(odd) {
+        @content;
+    }
 }
 
 /// Select only the first and last child.
 /// @group no-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin first-last() {
-  &:first-child,
-  &:last-child {
-    @content;
-  }
+    &:first-child,
+    &:last-child {
+        @content;
+    }
 }
 
 /// Will only select the child if it’s unique.
@@ -269,18 +269,18 @@
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 /// @alias only
 @mixin unique() {
-  &:only-child {
-    @content;
-  }
+    &:only-child {
+        @content;
+    }
 }
 
 /// Will only select the child if it’s unique.
 /// @group no-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin only() {
-  &:only-child {
-    @content;
-  }
+    &:only-child {
+        @content;
+    }
 }
 
 /// Will only select children if they are not unique. Meaning if there is at
@@ -288,9 +288,9 @@
 /// @group no-arguments
 /// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
 @mixin not-unique() {
-  &:not(:only-child) {
-    @content;
-  }
+    &:not(:only-child) {
+        @content;
+    }
 }
 
 
@@ -302,19 +302,19 @@
 /// @param {string} $direction [forward] - Direction of the sort
 /// @param {number} $index [0] - Index of the sorting
 @mixin child-index($num, $direction: 'forward', $index: 0) {
-  @for $i from 1 through $num {
-    @if ($direction == 'forward') {
-      &:nth-child(#{$i}) {
-        z-index: order-index($i, $index);
-        @content;
-      }
-    } @else if ($direction == 'backward') {
-      &:nth-last-child(#{$i}) {
-        z-index: order-index($i, $index);
-        @content;
-      }
+    @for $i from 1 through $num {
+        @if ($direction == 'forward') {
+            &:nth-child(#{$i}) {
+                z-index: order-index($i, $index);
+                @content;
+            }
+        } @else if ($direction == 'backward') {
+            &:nth-last-child(#{$i}) {
+                z-index: order-index($i, $index);
+                @content;
+            }
+        }
     }
-  }
 }
 
 /// Used by the child-index mixin. It will returned the proper sorted numbers
@@ -323,5 +323,5 @@
 /// @param {number} $num - Number of children
 /// @param {number} $index - Index of the sorting
 @function order-index($i, $index) {
-  @return ($index + $i);
+    @return ($index + $i);
 }