Add icon button style.

2024-10-22 08:17:07 +02:00
parent 1a00d0cd19
commit 295f977a21
14 changed files with 51 additions and 120 deletions
@@ -1,10 +1,13 @@
-button.cod-btn, a.cod-button {
+button.cod-btn, a.cod-btn {
    padding: .8em 1.2em;
    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;

    &:hover {
        background-color: #5b6ed8;
@@ -19,8 +22,22 @@ button.cod-btn, a.cod-button {
            background-color: #f2f4ff;
        }
    }
+
+    &.icon {
+        $buttonSize: 2.5em;
+        width: $buttonSize;
+        height: $buttonSize;
+        padding: 0;
+
+        &.close {
+            position: absolute;
+            top: 1em;
+            right: 1em;
+            color: black;
+        }
+    }
 }

-a.cod-button {
+a.cod-btn {
    text-decoration: none;
 }