From 7ee3ec1ef0e75437ee775bcd526a703b3d786245 Mon Sep 17 00:00:00 2001
From: Bobby <bobby@fiery.me>
Date: Thu, 3 Mar 2022 18:54:05 +0700
Subject: [PATCH] style: adhere to keyframes-name-pattern

---
 .stylelintrc.json       |  1 -
 src/css/dashboard.scss  |  6 +++---
 src/css/home.scss       | 16 ++++++++--------
 src/css/style.scss      |  6 +++---
 src/css/sweetalert.scss |  1 +
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index 973e066..6724c30 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -5,7 +5,6 @@
     "declaration-block-trailing-semicolon": "never",
     "function-name-case": null,
     "indentation": 2,
-    "keyframes-name-pattern": null,
     "no-descending-specificity": null,
     "scss/at-import-no-partial-leading-underscore": null,
     "selector-class-pattern": null,
diff --git a/src/css/dashboard.scss b/src/css/dashboard.scss
index 194c697..50454bc 100644
--- a/src/css/dashboard.scss
+++ b/src/css/dashboard.scss
@@ -8,7 +8,7 @@ body {
 }
 
 #dashboard {
-  animation: fadeInOpacity 0.5s
+  animation: fade-in-opacity 0.5s
 }
 
 .menu-label {
@@ -74,12 +74,12 @@ body {
   }
 
   #albumsContainer li {
-    animation: fadeInOpacity 0.5s
+    animation: fade-in-opacity 0.5s
   }
 }
 
 #page.fade-in {
-  animation: fadeInOpacity 0.5s
+  animation: fade-in-opacity 0.5s
 }
 
 .pagination {
diff --git a/src/css/home.scss b/src/css/home.scss
index 4039f95..e5aa3cd 100644
--- a/src/css/home.scss
+++ b/src/css/home.scss
@@ -10,7 +10,7 @@
   display: inline-block;
   margin-bottom: 40px;
   vertical-align: top;
-  animation: fadeInOpacity 0.5s
+  animation: fade-in-opacity 0.5s
 }
 
 .logo {
@@ -60,7 +60,7 @@
   }
 
   > div {
-    animation: fadeInOpacity 0.5s;
+    animation: fade-in-opacity 0.5s;
     margin: 0.75rem !important;
 
     &:first-child {
@@ -108,7 +108,7 @@
 }
 
 #albumDiv {
-  animation: fadeInOpacity 0.5s;
+  animation: fade-in-opacity 0.5s;
 
   .control {
     text-align: inherit
@@ -119,7 +119,7 @@
   margin-top: -0.25rem;
   margin-left: -0.25rem;
   margin-right: -0.25rem;
-  animation: fadeInOpacity 0.5s;
+  animation: fade-in-opacity 0.5s;
 
   .column {
     padding: 0.25rem
@@ -142,11 +142,11 @@
 
 #tabs {
   margin-bottom: 1rem;
-  animation: fadeInOpacity 0.5s;
+  animation: fade-in-opacity 0.5s;
 
   .tab-content {
     margin-bottom: -0.75rem;
-    animation: fadeInOpacity 0.5s
+    animation: fade-in-opacity 0.5s
   }
 }
 
@@ -171,7 +171,7 @@ input[type="file"].is-fullwidth {
   font-size: 1rem;
   color: $grey-lightest;
   cursor: pointer;
-  animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both;
+  animation: float-up 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both;
 
   &.button {
     border-bottom-left-radius: 0;
@@ -196,7 +196,7 @@ input[type="file"].is-fullwidth {
   padding: 1.5rem 1.5rem 0;
 
   .column:last-child {
-    animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both
+    animation: float-up 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both
   }
 
   .notification {
diff --git a/src/css/style.scss b/src/css/style.scss
index 3176020..3aeb8cd 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -49,7 +49,7 @@
 
 /** Animations **/
 
-@keyframes fadeInOpacity {
+@keyframes fade-in-opacity {
   0% {
     opacity: 0
   }
@@ -59,7 +59,7 @@
   }
 }
 
-@keyframes floatUp {
+@keyframes float-up {
   0% {
     opacity: 0;
     transform: scale(0.86)
@@ -85,7 +85,7 @@ html {
 }
 
 body {
-  animation: fadeInOpacity 0.5s
+  animation: fade-in-opacity 0.5s
 }
 
 code,
diff --git a/src/css/sweetalert.scss b/src/css/sweetalert.scss
index bdd7d8b..8827251 100644
--- a/src/css/sweetalert.scss
+++ b/src/css/sweetalert.scss
@@ -1,5 +1,6 @@
 @charset "utf-8";
 @import "_variables";
+/* stylelint-disable keyframes-name-pattern */
 
 /** Animations **/