From fe0a51e7079e3144c97a8b7e90df52aa831bd2ff Mon Sep 17 00:00:00 2001
From: dbroqua <contact@darkou.fr>
Date: Fri, 18 Feb 2022 11:06:42 +0100
Subject: [PATCH] {WIP} Bulma => Knacss (moved button in own file)

---
 sass/button.scss | 48 +++++++++++++++++++++++++++++++++++++++++++++++
 sass/forms.scss  | 49 ------------------------------------------------
 sass/index.scss  |  2 ++
 3 files changed, 50 insertions(+), 49 deletions(-)
 create mode 100644 sass/button.scss

diff --git a/sass/button.scss b/sass/button.scss
new file mode 100644
index 0000000..e5ea815
--- /dev/null
+++ b/sass/button.scss
@@ -0,0 +1,48 @@
+.button {
+    cursor: pointer;
+    justify-content: center;
+    padding-bottom: calc(0.5em - 1px);
+    padding-left: 1em;
+    padding-right: 1em;
+    padding-top: calc(0.5em - 1px);
+    text-align: center;
+    white-space: nowrap;
+    border-width: 1px;
+    margin-bottom: .5rem;
+    background-color: #fff;
+    border-color: #dbdbdb;
+
+    &.is-danger {
+        background-color: #f14668;
+        border-color: transparent;
+        color: #fff;
+
+        &:hover {
+            background-color: #f03a5f;
+            border-color: transparent;
+            color: #fff;
+        }
+    }
+
+    &.is-link {
+        background-color: #485fc7;
+        border-color: transparent;
+        color: #fff;
+
+        &:hover {
+            background-color: #3e56c4;
+            border-color: transparent;
+            color: #fff;
+        }
+    }
+
+    &.is-primary {
+        background-color: #48c78e;
+        border-color: transparent;
+        color: #fff;
+
+        &:hover {
+            background-color: #3ec487;
+        }
+    }
+}
\ No newline at end of file
diff --git a/sass/forms.scss b/sass/forms.scss
index e20b931..6be1438 100644
--- a/sass/forms.scss
+++ b/sass/forms.scss
@@ -21,53 +21,4 @@
         border: 1px solid #dbdbdb !important;
         color: #363636;
     }
-}
-
-.button {
-    cursor: pointer;
-    justify-content: center;
-    padding-bottom: calc(0.5em - 1px);
-    padding-left: 1em;
-    padding-right: 1em;
-    padding-top: calc(0.5em - 1px);
-    text-align: center;
-    white-space: nowrap;
-    border-width: 1px;
-    margin-bottom: .5rem;
-    background-color: #fff;
-    border-color: #dbdbdb;
-
-    &.is-danger {
-        background-color: #f14668;
-        border-color: transparent;
-        color: #fff;
-
-        &:hover {
-            background-color: #f03a5f;
-            border-color: transparent;
-            color: #fff;
-        }
-    }
-
-    &.is-link {
-        background-color: #485fc7;
-        border-color: transparent;
-        color: #fff;
-
-        &:hover {
-            background-color: #3e56c4;
-            border-color: transparent;
-            color: #fff;
-        }
-    }
-
-    &.is-primary {
-        background-color: #48c78e;
-        border-color: transparent;
-        color: #fff;
-
-        &:hover {
-            background-color: #3ec487;
-        }
-    }
 }
\ No newline at end of file
diff --git a/sass/index.scss b/sass/index.scss
index 9dbad91..87a33e6 100644
--- a/sass/index.scss
+++ b/sass/index.scss
@@ -28,8 +28,10 @@
 @import './global';
 @import './navbar';
 @import './forms';
+@import './button.scss';
 @import './table';
 @import './modal';
+
 @import './home';
 @import './connexion';
 @import './ajouter-un-album';
\ No newline at end of file