From ef3d51682edd19ec2636607b8b2cc4ffe8ce5a89 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 27 Dec 2022 15:22:54 +0100
Subject: [PATCH] Created the TextBox style

---
 .../src/common/components/TextBox/styles.sass | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 admin/src/common/components/TextBox/styles.sass

diff --git a/admin/src/common/components/TextBox/styles.sass b/admin/src/common/components/TextBox/styles.sass
new file mode 100644
index 0000000..42100e0
--- /dev/null
+++ b/admin/src/common/components/TextBox/styles.sass
@@ -0,0 +1,39 @@
+@import "@/common/styles/colors"
+
+.textbox-wrapper
+  position: relative
+
+.textbox-input
+  padding: 12px 0 12px 65px
+
+  font-size: 24pt
+  font-weight: 500
+  color: $gray
+  border: 2px solid $gray
+  border-radius: 15px
+
+.textbox-input::placeholder
+  color: $light-gray
+
+.textbox-icon
+  color: $gray
+  position: absolute
+  font-size: 24pt
+  left: 20px
+  top: calc(50% - 0.5em)
+
+@keyframes shake
+  10%, 90%
+    transform: translate3d(-1px, 0, 0)
+  20%, 80%
+    transform: translate3d(2px, 0, 0)
+  30%, 50%, 70%
+    transform: translate3d(-4px, 0, 0)
+  40%, 60%
+    transform: translate3d(4px, 0, 0)
+
+.shake
+  animation: shake 0.5s
+
+  & .textbox-input
+    border: 2px solid $red
\ No newline at end of file