Add ripple everywhere.

2024-10-22 08:17:07 +02:00
parent 053ac89e3c
commit 7f99d11209
25 changed files with 163 additions and 140 deletions
@@ -102,6 +102,11 @@

        button {
            padding: 0;
+            border-radius: 10em;
+            border: none;
+            background-color: #3f51b5;
+            color: white;
+            transition: background-color .2s ease-in-out;
            display: flex;
            justify-content: center;
            align-items: center;
@@ -109,35 +114,16 @@
            height: 3em;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
            font-weight: bold;
-        }
-    }
-}

-button, a.button {
-    padding: .8em 1.2em;
-    border-radius: 10em;
-    border: none;
-    background-color: #3f51b5;
-    color: white;
-    transition: background-color .2s ease-in-out;
-
-    &:hover {
-        background-color: #5b6ed8;
-        cursor: pointer;
-    }
-
-    &:disabled {
-        background-color: #5f6aa6;
-        cursor: not-allowed;
-    }
-
-    &.secondary {
-        color: #3f51b5;
-        background-color: white;
-
-        &:hover {
-            background-color: #f2f4ff;
-            cursor: pointer;
+            &:hover {
+                background-color: #5b6ed8;
+                cursor: pointer;
+            }
+        
+            &:disabled {
+                background-color: #5f6aa6;
+                cursor: not-allowed;
+            }
        }
    }
 }