Feat: boxed class and tweek button

2021-08-11 20:46:39 +02:00
parent e082bf7164
commit deb5a61add
4 changed files with 36 additions and 27 deletions
--- a/src/style.css
+++ b/src/style.css
@@ -1,3 +1,6 @@
+body {
+    background-color: whitesmoke;
+}

 .actions {
    display: inline-flex;
@@ -14,8 +17,13 @@ button {
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
-    color: white;
+    background-color: white;
+    transition: all 0.2s ease-out;
    }
+button:hover {
+    transition: all 0.2s ease-out;
+}
+
 .validate {
    border: 2px solid green;
    color: green;
@@ -40,3 +48,10 @@ button {
  background-color: orange;
  color: white;
 }
+
+.boxed {
+    box-shadow: 2px 2px 5px gray;
+    border-left: 1rem solid black;
+    border-radius: 10px;
+    background-color: white;
+}