From 1a49b5e73122ae6c45657e42afd36865e93fd671 Mon Sep 17 00:00:00 2001 From: Ivan Sierov Date: Fri, 19 Jul 2024 16:25:42 +0300 Subject: [PATCH 1/3] add task solution --- package.json | 2 +- readme.md | 4 +- src/index.html | 46 ++++++++++++++++----- src/style.css | 110 +++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 149 insertions(+), 13 deletions(-) diff --git a/package.json b/package.json index b3b9ce4091..a967c22e48 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "@mate-academy/backstop-config": "latest", "@mate-academy/bemlint": "latest", "@mate-academy/linthtml-config": "latest", - "@mate-academy/scripts": "^1.7.3", + "@mate-academy/scripts": "^1.8.5", "@mate-academy/stylelint-config": "latest", "backstopjs": "6.2.2", "jest": "^29.7.0", diff --git a/readme.md b/readme.md index b635aa290b..447e0866c0 100644 --- a/readme.md +++ b/readme.md @@ -25,8 +25,8 @@ ___ ❗️ Replace `` with your Github username and copy the links to `Pull Request` description: -- [DEMO LINK](https://.github.io/layout_search-bar-airbnb/) -- [TEST REPORT LINK](https://.github.io/layout_search-bar-airbnb/report/html_report/) +- [DEMO LINK](https://IvanSierov.github.io/layout_search-bar-airbnb/) +- [TEST REPORT LINK](https://IvanSierov.github.io/layout_search-bar-airbnb/report/html_report/) ❗️ Copy this `Checklist` to the `Pull Request` description after links, and put `- [x]` before each point after you checked it. diff --git a/src/index.html b/src/index.html index abe507e10c..12a21ef6df 100644 --- a/src/index.html +++ b/src/index.html @@ -17,16 +17,42 @@ /> - +
+
+ search-icon +
- + +
+ +
+
+ search-icon +
+ + +
diff --git a/src/style.css b/src/style.css index a63fa10d43..017aa0dfb5 100644 --- a/src/style.css +++ b/src/style.css @@ -1 +1,111 @@ /* add styles here */ +@font-face { + font-family: Avenir; + src: url('fonts/Avenir-Book.ttf') format('truetype'); + font-weight: 400; +} + +@font-face { + font-family: Avenir; + src: url('fonts/Avenir-Heavy.ttf') format('truetype'); + font-weight: 900; +} + +html { + font-family: Avenir, Helvetica, sans-serif; +} + +form { + /* border: black 1px solid; */ + display: flex; + align-items: center; + box-sizing: border-box; + border: 1px solid #e1e7ed; + border-radius: 4px; + box-shadow: 0 1px 8px 0 #3d4e611a; +} + +form:hover { + box-shadow: 0 3px 8px 0 #3d4e6133; +} + +form:focus { + border-radius: 3px; + border: 1px solid #e1e7ed; + background: linear-gradient(180deg, #fff 0%, #f6f6f7 100%); +} + +div { + position: relative; + top: -0.5px; + left: -1px; + display: flex; +} + +[data-qa='big'] { + margin: 20px auto; +} + +[placeholder] { + display: block; + border: none; + padding: 0; +} + +[data-qa='keypress'] { + position: relative; + top: -0.5px; + height: 68px; + margin-left: 17px; +} + +[data-qa='big'] div { + margin-left: 26px; +} + +[data-qa='small'] div { + height: 11px; + width: 11px; + margin-left: 13px; +} + +[data-qa='hover'] { + position: relative; + top: -1.5px; + height: 40px; + margin-left: 9px; +} + +input::placeholder { + color: #3d4e61; + font-weight: 400; + font-family: Avenir, sans-serif; + border-image-width: 0; +} + +input { + font-weight: 900; + color: #3d4e61; +} + +input:focus { + border: 0; + border-image-width: 0; + outline: none; + box-shadow: none; +} + +input:hover { + border: 0; + border-image-width: 0; +} + +[data-qa='keypress']::placeholder { + font-size: 16px; + line-height: 21.86px; +} + +[data-qa='hover']::placeholder { + font-size: 14px; + line-height: 19.12px; +} From 74475e69e5ba02cae3cffc885c30ef3b20f42642 Mon Sep 17 00:00:00 2001 From: Ivan Sierov Date: Sat, 20 Jul 2024 00:24:49 +0300 Subject: [PATCH 2/3] add task solution --- src/index.html | 8 ++++++-- src/style.css | 53 +++++++++++++++++++++++--------------------------- 2 files changed, 30 insertions(+), 31 deletions(-) diff --git a/src/index.html b/src/index.html index 12a21ef6df..96ea23bbc1 100644 --- a/src/index.html +++ b/src/index.html @@ -18,11 +18,12 @@
-
+
search-icon -
+
search-icon Date: Sun, 21 Jul 2024 00:33:44 +0300 Subject: [PATCH 3/3] add task solution 3 --- src/index.html | 14 -------- src/style.css | 95 ++++++++++++++++++++++---------------------------- 2 files changed, 42 insertions(+), 67 deletions(-) diff --git a/src/index.html b/src/index.html index 96ea23bbc1..c186b529fb 100644 --- a/src/index.html +++ b/src/index.html @@ -23,13 +23,6 @@ method="post" data-qa="big" > -
- search-icon -
- -
- search-icon -
-