From 978bd50b1fd97881b2b04d0118136af5c4a5bb48 Mon Sep 17 00:00:00 2001
From: Andros Fenollosa <tanrax@users.noreply.github.com>
Date: Thu, 3 Sep 2020 12:24:34 +0200
Subject: [PATCH] Update _mixins.sass

---
 _mixins.sass | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/_mixins.sass b/_mixins.sass
index aa404f1..6db7971 100644
--- a/_mixins.sass
+++ b/_mixins.sass
@@ -54,7 +54,7 @@
  * $color: black (default), color
  * $side: all (default), top, right, bottom, left
  *
- * Examples: @include border(), @include border(2px, dashed), @include border(2px, solid, red)
+ * Examples: @include border(), @include border(2px, red), @include border(2px, red, left)
  */
 @mixin border($size: 1px, $color: black, $side: all)
   border: 0
@@ -132,6 +132,25 @@
     timing-function: linear
     direction: alternate
 
+/*
+ * Create animation from a horizontal sprite sheet
+ *
+ * Examples: @include animationSpriteSheet(6, "../img/sprite.png", 1.5s)
+ */ 
+@mixin animationSpriteSheet($steps, $image, $speed: 1s, $iteration: infinite)
+  $id: unique-id()
+  @keyframes #{$id}
+    100%
+      background-position-x: calc(#{$steps} * -100%)
+  animation:
+    name: $id
+    duration: $speed
+    iteration-count: $iteration
+    timing-function: steps(#{$steps}) 
+  background:
+    image: url(#{$image})
+    size: calc(#{$steps} * 100%) auto
+    
 /*
  * Center all child elements horizontally and vertically.
  *
@@ -153,22 +172,3 @@
     margin-left: 0
   &:last-child
     margin-right: 0
-  
-/*
- * Create animation from a horizontal sprite sheet
- *
- * Examples: @include animationSpriteSheet(6, "../img/sprite.png", 1.5s)
- */ 
-@mixin animationSpriteSheet($steps, $image, $speed: 1s, $iteration: infinite)
-  $id: unique-id()
-  @keyframes #{$id}
-    100%
-      background-position-x: calc(#{$steps} * -100%)
-  animation:
-    name: $id
-    duration: $speed
-    iteration-count: $iteration
-    timing-function: steps(#{$steps}) 
-  background:
-    image: url(#{$image})
-    size: calc(#{$steps} * 100%) auto