Styled submit input

2020-08-12 18:28:47 +02:00
parent 2e48395076
commit f9233249a3
1 changed files with 18 additions and 2 deletions
--- a/components/01_Atoms/input/_input.scss
+++ b/components/01_Atoms/input/_input.scss
@@ -3,7 +3,7 @@
    display: flex;
    flex-direction: column;
    margin-bottom: -$-margin-bottom;
-    padding: 10px 0;
+	padding: 10px 0;

    .LP-Input__Field{
        border: none;
@@ -17,7 +17,23 @@
            background-color: $-almost-white;
 			border-radius: 3px 3px 0 0;
 			box-shadow: none;
-        }
+		}
+		
+		&[type=submit]{
+			background-color: $-light-brown;
+			color: $-grey;
+			border: none;
+			padding: 8px 14px;
+			border-radius: 2px;
+			font-weight: bold;
+			cursor: pointer;
+
+			&:active{
+				background-color: $-wine-red;
+				color:$-almost-white;
+			}
+
+		}
    }

    .LP-Input__Label{