From 88f45c501ccab5382f21eaf47f87c3ef9157b361 Mon Sep 17 00:00:00 2001 From: Anastasia Romanyuk Date: Tue, 23 Jan 2024 23:42:24 +0200 Subject: [PATCH 1/3] container, variables --- src/css/base/container.css | 42 +++++++++++++++++++++++++++++++++++++ src/css/utils/variables.css | 6 ++++++ 2 files changed, 48 insertions(+) diff --git a/src/css/base/container.css b/src/css/base/container.css index e69de29..604ed4e 100644 --- a/src/css/base/container.css +++ b/src/css/base/container.css @@ -0,0 +1,42 @@ +html { + scroll-behavior: smooth; + transition-duration: 3s; +} + +.container { + min-width: 320px; + margin-left: auto; + margin-right: auto; + padding-left: 20px; + padding-right: 20px; + border-radius: 50px; +} + +@media screen and (min-width: 375px) { + .container { + width: 375px; + margin: 0 auto; + } +} + +@media screen and (min-width: 768px) { + .container { + width: 768px; + padding-left: 16px; + padding-right: 16px; + } +} + +@media screen and (min-width: 1280px) { + .container { + width: 1120px; + padding-left: 16px; + padding-right: 16px; + } +} + +@media screen and (min-width: 1440px) { + .container { + width: 1280px; + } +} \ No newline at end of file diff --git a/src/css/utils/variables.css b/src/css/utils/variables.css index e69de29..ab7910d 100644 --- a/src/css/utils/variables.css +++ b/src/css/utils/variables.css @@ -0,0 +1,6 @@ +:root { + --white: #FFFFFF; + --light-gray: #E8E8E8; + --dark-grey: #7E847F; + --black: #1B1B1B; +} \ No newline at end of file From e17f890c2dc8eb321c4c86c0ae8d79e10731cf5b Mon Sep 17 00:00:00 2001 From: Anastasia Romanyuk Date: Tue, 23 Jan 2024 23:47:06 +0200 Subject: [PATCH 2/3] Update variables.css --- src/css/utils/variables.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/utils/variables.css b/src/css/utils/variables.css index ab7910d..96ce9da 100644 --- a/src/css/utils/variables.css +++ b/src/css/utils/variables.css @@ -2,5 +2,5 @@ --white: #FFFFFF; --light-gray: #E8E8E8; --dark-grey: #7E847F; - --black: #1B1B1B; + --black: #1B1B1B } \ No newline at end of file From a56388d06175afe4d7f1fda833de036a09c5f5a0 Mon Sep 17 00:00:00 2001 From: Anastasia Romanyuk Date: Tue, 23 Jan 2024 23:47:16 +0200 Subject: [PATCH 3/3] Update variables.css --- src/css/utils/variables.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/utils/variables.css b/src/css/utils/variables.css index 96ce9da..ab7910d 100644 --- a/src/css/utils/variables.css +++ b/src/css/utils/variables.css @@ -2,5 +2,5 @@ --white: #FFFFFF; --light-gray: #E8E8E8; --dark-grey: #7E847F; - --black: #1B1B1B + --black: #1B1B1B; } \ No newline at end of file