Add gray variant to button circle

2021-11-05 22:45:11 +01:00
parent 163fbe75db
commit e71652303a
2 changed files with 10 additions and 2 deletions
--- a/src/style/atoms/_button-circle.scss
+++ b/src/style/atoms/_button-circle.scss
@@ -72,7 +72,6 @@
    &--tiny {
        height: 24px;
        width: 24px;
-        background-color: #F2F2F2;

        img, svg {
            width: 8px;
@@ -106,4 +105,13 @@
    &--purple {
        background-color: $color-primary-tertiary20;
    }
+
+    // Gray color
+    &--gray {
+        background-color: #F2F2F2;
+
+        &:hover {
+            background-color: #D2D2D2;
+        }
+    }
 }