removed default outlines

readme.md

@@ -30,7 +30,7 @@ ___
 
 ❗️ Copy this `Checklist` to the `Pull Request` description after links, and put `- [x]` before each point after you checked it.
 
-- [ ] Icon implemented using background-image CSS property
-- [ ] Inputs are written inside of 'form' tag with correctly passed attributes
-- [ ] All `Typical Mistakes` from `BEM` lesson theory are checked.
-- [ ] Code follows all the [Code Style Rules ❗️](./checklist.md)
+- [x] Icon implemented using background-image CSS property
+- [x] Inputs are written inside of 'form' tag with correctly passed attributes
+- [x] All `Typical Mistakes` from `BEM` lesson theory are checked.
+- [x] Code follows all the [Code Style Rules ❗️](./checklist.md)

src/style.css

@@ -20,6 +20,7 @@
   border: 1px solid #e1e7ed;
   border-radius: 5px;
   color: #3d4e61;
+  outline: none;
 }
 
 .search-bar::placeholder {
@@ -31,9 +32,7 @@
 .search-bar__big {
   height: 70px;
   font-size: 16px;
-
   padding-left: 62px;
-
   background-image: url(/src/images/Search.svg);
   background-repeat: no-repeat;
   background-size: 19px;
@@ -49,7 +48,8 @@
   border: 1px solid #e1e7ed;
   box-shadow: 0 4px 4px 0 #00000040;
   text-shadow: 0 4px 4px 0 #00000040;
-  background-image: url('./images/Search.svg') no-repeat;
+  background-image: url('./images/Search.svg');
+  background-repeat: no-repeat;
   font-weight: bold;
 }
 
@@ -62,18 +62,21 @@
   font-size: 14px;
   padding-left: 33px;
   box-shadow: 0 1px 8px 0 #3d4e611a;
+  text-shadow: 0 1px 8px 0 #3d4e611a;
   background: url('./images/Search.svg') no-repeat 13px center/11px 11px;
 }
 
 .search-bar__small:hover {
   box-shadow: 0 3px 8px 0 #3d4e6133;
-  text-shadow: 0;
+  text-shadow: none;
 }
 
 .search-bar__small:focus {
   border: 1px solid #e1e7ed;
-  text-shadow: 0;
+  text-shadow: none;
+  box-shadow: 0 1px 8px 0 #3d4e611a;
   background-image: url(/src/images/Search.svg) no-repeat;
+  font-weight: bold;
 }
 
 /* #endregion */