From 9ab3152af79bbd3529950ec1d62e3adb693ea7e4 Mon Sep 17 00:00:00 2001 From: Elisabeth Polska Date: Tue, 20 Aug 2024 14:57:22 +0300 Subject: [PATCH] add final task solution --- src/style.css | 32 ++++++++++++++++++++++---------- 1 file changed, 22 insertions(+), 10 deletions(-) diff --git a/src/style.css b/src/style.css index ff7a2b947c..ef28126d15 100644 --- a/src/style.css +++ b/src/style.css @@ -1,15 +1,11 @@ @font-face { - font-family: Avenir; - src: url(./fonts/Avenir-Book.ttf) format('truetype'); - font-weight: 300; - font-style: normal; + font-family: Avenir-Book; + src: url(fonts/Avenir-Book.ttf); } @font-face { - font-family: Avenir; - src: url(./fonts/Avenir-Book.ttf) format('truetype'); - font-weight: 900; - font-style: normal; + font-family: Avenir-Heavy; + src: url(fonts/Avenir-Heavy.ttf); } .body { @@ -46,6 +42,20 @@ background-position: 25px; } +.big__form::placeholder { + font-family: Avenir-Book, sans-serif; + font-size: 16px; + line-height: 21.86px; + color: var(--placeholder-color); +} + +.small__form::placeholder { + font-family: Avenir-Book, sans-serif; + font-size: 14px; + line-height: 19px; + color: var(--placeholder-color); +} + .big__form:focus { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border: 1px solid #e1e7ed; @@ -82,8 +92,10 @@ border-radius: 4px; background-image: url(./images/Search.svg); background-repeat: no-repeat; - background-position: 13px; + background-position: 15px; background-size: 11px; + align-items: start; + padding-bottom: 3px; } .small__form:focus { @@ -95,6 +107,6 @@ font-weight: 900; background-image: url(./images/Search.svg); background-repeat: no-repeat; - background-position: 13px; + background-position: 15px; background-size: 11px; }