chore: stylelint --fix

_sass/common/_function.scss

@@ -1,7 +1,7 @@
 @function get-color-theme($color) {
   @if lightness($color) < 15% {
-    @return 'dark';
+    @return "dark";
   } @else {
-    @return 'light';
+    @return "light";
   }
 }

_sass/common/_reset.scss

@@ -29,13 +29,13 @@ html {
 }
 
 body {
-  margin: 0;
   padding: 0;
+  margin: 0;
 }
 
 @include block-elements() {
-  margin: map-get($base, vertical-space) 0;
   padding: 0;
+  margin: map-get($base, vertical-space) 0;
 }
 
 body {
@@ -148,13 +148,13 @@ figcaption {
 }
 
 button {
+  padding: 0;
+  margin: 0;
   font-size: 1rem;
   cursor: pointer;
-  outline: none;
   background-color: transparent;
-  padding: 0;
-  margin: 0;
   border-width: 0;
+  outline: none;
 }
 
 input {

_sass/common/_variables.scss

@@ -88,7 +88,7 @@ $layout: (
 // 0       500      1024      -
 
 $responsive: (
-  sm:                      0px,
+  sm:                      0,
   md:                      500px,
   lg:                      1024px
 );

_sass/common/classes/_animation.scss

@@ -1,6 +1,6 @@
 @mixin animation($value) {
   -webkit-animation: $value;
-          animation: $value;
+  animation: $value;
 }
 
 @mixin keyframes($name) {

_sass/common/classes/_clearfix.scss

@@ -1,8 +1,8 @@
 @mixin clearfix() {
   &::after {
-    content: "";
     display: table;
     clear: both;
+    content: "";
   }
 }
 

_sass/common/classes/_clickable.scss

@@ -19,33 +19,33 @@
   // hover
   @if $hover-clr == default {
     @if $hover-bg-clr == null {
-      @if $theme == 'light' {
+      @if $theme == "light" {
         $hover-clr: darken($clr, 14%);
       }
-      @if $theme == 'dark' {
+      @if $theme == "dark" {
         $hover-clr: lighten($clr, 18%);
       }
     } @else if $hover-bg-clr == default {
-      $hover-clr: $clr
+      $hover-clr: $clr;
     }
   }
 
   @if $hover-bg-clr == default {
-    @if $theme == 'light' {
+    @if $theme == "light" {
       $hover-bg-clr: darken($bg-clr, 14%);
     }
-    @if $theme == 'dark' {
+    @if $theme == "dark" {
       $hover-bg-clr: lighten($bg-clr, 18%);
     }
   }
 
   // active
   @if $active-clr == default {
     @if $active-bg-clr == null {
-      @if $theme == 'light' {
+      @if $theme == "light" {
         $active-clr: darken($hover-clr, 15%);
       }
-      @if $theme == 'dark' {
+      @if $theme == "dark" {
         $active-clr: lighten($hover-clr, 16%);
       }
     } @else if $active-bg-clr == default {
@@ -54,10 +54,10 @@
   }
 
   @if $active-bg-clr == default {
-    @if $theme == 'light' {
+    @if $theme == "light" {
       $active-bg-clr: darken($hover-bg-clr, 15%);
     }
-    @if $theme == 'dark' {
+    @if $theme == "dark" {
       $active-bg-clr: lighten($hover-bg-clr, 16%);
     }
   }