Fixed Button style

dersimoezdag · Jul 2, 2020 · 47b7266 · 47b7266
1 parent 2851427
commit 47b7266
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 19 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 ## [0.3.5] - 2020-07-01
 
+### Fixed
+
+-   Button hover style
+
+## [0.3.5] - 2020-07-01
+
 ### Added
 
 -   Floating Button added.

diff --git a/src/scss/klaro.scss b/src/scss/klaro.scss
@@ -82,25 +82,6 @@ $green: #01440c;
 
             cursor: pointer;
 
-            &.is-active,
-            &:hover,
-            &:active {
-                background-color: $button-background-active;
-                color: rgba(255, 255, 255, 0.9);
-                text-decoration: none;
-            }
-            &:hover,
-            &:focus {
-                background-color: $button-background-hover;
-            }
-            &:active {
-                background-color: $button-background-active;
-            }
-
-            &:disabled {
-                opacity: 0.5;
-            }
-
             &.btn-sm {
                 padding: 0.4em;
                 font-size: 1em;
@@ -122,6 +103,25 @@ $green: #01440c;
                 margin-left: 0.5em;
                 margin-right: 0;
             }
+
+            &.is-active,
+            &:hover,
+            &:active {
+                background-color: $button-background-active;
+                color: rgba(255, 255, 255, 0.9);
+                text-decoration: none;
+            }
+            &:hover,
+            &:focus {
+                background-color: $button-background-hover;
+            }
+            &:active {
+                background-color: $button-background-active;
+            }
+
+            &:disabled {
+                opacity: 0.5;
+            }
         }
     }