Added pin input field(s)

1 files changed, 38 insertions, 0 deletions

diff --git a/public/styles/pin.sass b/public/styles/pin.sass
new file mode 100644
index 0000000..3aea4fc
--- /dev/null
+++ b/public/styles/pin.sass
@@ -0,0 +1,38 @@
+.columns
+    min-height: 100%
+
+.enter-pin
+    position: relative
+    top: 50%
+    transform: translateY(-50%)
+
+.pin-wrapper
+    padding: 0
+    margin: 0
+    align-items: center
+    justify-content: center
+
+.pin-wrapper > .column
+    align-items: center
+    justify-content: center
+
+.pin-wrapper > .column input
+    width: 15vw
+    height: 15vw
+    font-size: 15vw
+    background-color: #2d3338
+    color: transparent
+    text-shadow: 0 0 0 #000
+    border: none
+    border-radius: 10px
+    text-align: center
+
+.pin-wrapper > .column input::-webkit-outer-spin-button, .pin-wrapper > .column input::-webkit-inner-spin-button
+    -webkit-appearance: none
+    margin: 0
+
+.pin-wrapper > .column input:focus
+    border-color: inherit
+    -webkit-box-shadow: none
+    box-shadow: none
+    outline: none