From b162fbbc20a8b866ffaca2069a9c2e84d99fa147 Mon Sep 17 00:00:00 2001 From: nullorone Date: Wed, 6 Mar 2019 20:16:03 +0300 Subject: [PATCH 1/4] =?UTF-8?q?=D0=A0=D0=B0=D0=B7=D0=BC=D0=B5=D1=87=D0=B0?= =?UTF-8?q?=D0=B5=D1=82=20=D1=88=D0=B0=D0=B1=D0=BB=D0=BE=D0=BD=20=D1=81?= =?UTF-8?q?=D0=BE=D0=BE=D0=B1=D1=89=D0=B5=D0=BD=D0=B8=D0=B9=20=D0=BE=20?= =?UTF-8?q?=D0=B2=D1=81=D1=82=D1=80=D0=B5=D1=87=D0=B0=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/index.html b/index.html index 3f46f22..c2a7225 100644 --- a/index.html +++ b/index.html @@ -30,5 +30,28 @@ + \ No newline at end of file From 325f254ea870648816d9ea27b5801f512882821c Mon Sep 17 00:00:00 2001 From: nullorone Date: Wed, 6 Mar 2019 20:16:10 +0300 Subject: [PATCH 2/4] =?UTF-8?q?=D0=A1=D1=82=D0=B8=D0=BB=D0=B8=D0=B7=D1=83?= =?UTF-8?q?=D0=B5=D1=82=20=D1=88=D0=B0=D0=B1=D0=BB=D0=BE=D0=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 90 +++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 87 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index ba8c304..3ac26c2 100644 --- a/css/style.css +++ b/css/style.css @@ -7,6 +7,10 @@ --color-base: #ffffff; --color-link: #b4b9e8; --bg-base: #3e4b91; + --h2-color: #e5e5e5; + --h2-font-size: 12px; + --h2-line-height: 16px; + --black: #2b084e; } html, body { @@ -28,18 +32,20 @@ body { height: 100vh; justify-content: center; flex-direction: column; - text-align: center; + padding: 0 8px; } .logo { text-align: center; max-width: 360px; margin: 0 auto; + margin-top: 40px; } .logo img { max-width: 100%; height: auto; } .social { + margin-bottom: 40px; padding: 10px 0; line-height: 48px; color: var(--color-link); @@ -53,10 +59,88 @@ body { vertical-align: top; } .social__title { - font-size: 32px; - font-weight: 200; + font-size: var(--font-size-base); + font-weight: var(--font-weight--base); } .social__title:hover { color: red; +} + +.meeting { + margin: 0 auto; +} + +.meeting__title { + margin: 0; + margin-left: 20px; + font-size: var(--h2-font-size); + line-height: var(--h2-line-height); + color: var(--h2-color); +} + +.meeting__block { + max-width: 416px; + min-height: 200px; + margin: 0 auto; + margin-top: 8px; + padding: 16px; + color: var(--black); + background-color: var(--color-base); + border-radius: 8px; + box-sizing: border-box; +} + +.meeting__meta-wrapper { + display: flex; + justify-content: space-between; +} + +.meeting__meta { + width: 112px; + font-size: 14px; + font-weight: bold; + line-height: 16px; +} + +.meeting__meta:last-child{ + text-align: right; +} + +.meeting__descr { + margin: 0; + margin-top: 24px; + color: var(--black); + font-size: 18px; + font-weight: normal; + line-height: 24px; +} + +.meeting__descr:last-child { + margin-top: 32px; +} + +@media (max-width: 750px) { + .meeting__title { + margin-left: 8px; + } + + .meeting__block { + min-height: 100px; + padding: 8px; + } + + .meeting__meta { + font-size: 12px; + } + + .meeting__descr { + margin-top: 2.8%; + font-size: 12px; + line-height: 16px; + } + + .meeting__descr:last-child { + margin-top: 5.3%; + } } \ No newline at end of file From acf8c0ef4412fee5bc3d0fc07f2819830050fd0e Mon Sep 17 00:00:00 2001 From: nullorone Date: Wed, 6 Mar 2019 20:16:03 +0300 Subject: [PATCH 3/4] =?UTF-8?q?=D0=A0=D0=B0=D0=B7=D0=BC=D0=B5=D1=87=D0=B0?= =?UTF-8?q?=D0=B5=D1=82=20=D1=88=D0=B0=D0=B1=D0=BB=D0=BE=D0=BD=20=D1=81?= =?UTF-8?q?=D0=BE=D0=BE=D0=B1=D1=89=D0=B5=D0=BD=D0=B8=D0=B9=20=D0=BE=20?= =?UTF-8?q?=D0=B2=D1=81=D1=82=D1=80=D0=B5=D1=87=D0=B0=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/index.html b/index.html index 3f46f22..c2a7225 100644 --- a/index.html +++ b/index.html @@ -30,5 +30,28 @@ + \ No newline at end of file From 4d6f02ca18455b3506e110696fc11a35c1be5c3d Mon Sep 17 00:00:00 2001 From: nullorone Date: Wed, 6 Mar 2019 20:16:10 +0300 Subject: [PATCH 4/4] =?UTF-8?q?=D0=A1=D1=82=D0=B8=D0=BB=D0=B8=D0=B7=D1=83?= =?UTF-8?q?=D0=B5=D1=82=20=D1=88=D0=B0=D0=B1=D0=BB=D0=BE=D0=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 90 +++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 87 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index aa31436..0b81d0c 100644 --- a/css/style.css +++ b/css/style.css @@ -7,6 +7,10 @@ --color-base: #ffffff; --color-link: #b4b9e8; --bg-base: #3e4b91; + --h2-color: #e5e5e5; + --h2-font-size: 12px; + --h2-line-height: 16px; + --black: #2b084e; } html, body { @@ -28,18 +32,20 @@ body { height: 100vh; justify-content: center; flex-direction: column; - text-align: center; + padding: 0 8px; } .logo { text-align: center; max-width: 360px; margin: 0 auto; + margin-top: 40px; } .logo img { max-width: 100%; height: auto; } .social { + margin-bottom: 40px; padding: 10px 0; line-height: 48px; color: var(--color-link); @@ -53,10 +59,88 @@ body { vertical-align: top; } .social__title { - font-size: 32px; - font-weight: 200; + font-size: var(--font-size-base); + font-weight: var(--font-weight--base); } .social__title:hover { color: #fedc66; } + +.meeting { + margin: 0 auto; +} + +.meeting__title { + margin: 0; + margin-left: 20px; + font-size: var(--h2-font-size); + line-height: var(--h2-line-height); + color: var(--h2-color); +} + +.meeting__block { + max-width: 416px; + min-height: 200px; + margin: 0 auto; + margin-top: 8px; + padding: 16px; + color: var(--black); + background-color: var(--color-base); + border-radius: 8px; + box-sizing: border-box; +} + +.meeting__meta-wrapper { + display: flex; + justify-content: space-between; +} + +.meeting__meta { + width: 112px; + font-size: 14px; + font-weight: bold; + line-height: 16px; +} + +.meeting__meta:last-child{ + text-align: right; +} + +.meeting__descr { + margin: 0; + margin-top: 24px; + color: var(--black); + font-size: 18px; + font-weight: normal; + line-height: 24px; +} + +.meeting__descr:last-child { + margin-top: 32px; +} + +@media (max-width: 750px) { + .meeting__title { + margin-left: 8px; + } + + .meeting__block { + min-height: 100px; + padding: 8px; + } + + .meeting__meta { + font-size: 12px; + } + + .meeting__descr { + margin-top: 2.8%; + font-size: 12px; + line-height: 16px; + } + + .meeting__descr:last-child { + margin-top: 5.3%; + } +}