(create) created searchbar component and styled it

2026-09-11 19:06:07 +00:00 · 2021-08-07 15:11:26 +03:00
parent df8e941c9f
commit f3e5175de3
5 changed files with 51 additions and 5 deletions
@@ -0,0 +1,20 @@
+.searchbar {
+  align-self: center;
+  min-width: 30%;
+  margin-bottom: 1rem;
+
+  border: 1px solid var(--color-primary);
+  border-radius: 5px;
+  height: 3rem;
+  padding: 2px 2rem;
+  outline: 0;
+  background-color: var(--color-grey);
+
+  transition: all 0.2s;
+
+  &:hover,
+  &:focus {
+    border: 1.5px solid var(--color-tertiary);
+    background-color: var(--color-white);
+  }
+}