border-color

smori1983 · Oct 1, 2023 · b040938 · b040938
1 parent daef8b1
commit b040938
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/Form.vue b/src/components/Form.vue
@@ -131,14 +131,16 @@ export default {
     width calc(100% - 3rem)
     height: 2rem
     color lighten($textColor, 25%)
-    border 1px solid $accentColor
+    border 1px solid darken($borderColor, 10%)
     border-radius 2rem
     font-size 16px
     line-height 2rem
     padding 0 1rem 0 2rem
     outline none
     background #fff url(search.svg) 0.6rem 0.5rem no-repeat
     background-size 1rem
+    &:focus
+      border-color $accentColor
 .suggestions
   border 1px solid darken($borderColor, 10%)
   font-size 16px