s/ / /g (C) whatthecommit.com

daggerok · daggerok · commit a6dd540773be · 2020-01-21T23:39:20.000+01:00
diff --git a/frontender/src/form-bordered-label/index.html b/frontender/src/form-bordered-label/index.html
@@ -10,7 +10,10 @@
 </head>
 <body>
 <div id="bg">
-
+  <form action="#">
+    <label for="email">e-mail</label>
+    <input id="email" type="email"/>
+  </form>
 </div>
 <script src="./main.js"></script>
 </body>
diff --git a/frontender/src/form-bordered-label/style.scss b/frontender/src/form-bordered-label/style.scss
@@ -8,10 +8,29 @@ $colors: (
 
 html,
 body {
-    height: 100%;
+  height: 100%;
 }
 
 body {
   margin: 0;
   font-family: map-get($fonts, primary);
+
+  form {
+    position: relative;
+    margin: 1em 0 0 1em;
+
+    label {
+      position: absolute;
+      margin: -.75em 0 0 1em;
+      display: block;
+      background-color: white;
+      padding: 0.2em;
+    }
+
+    input {
+      padding: 1em;
+      border-radius: 5px;
+      border-width: 1px;
+    }
+  }
 }
