From d6b421e8652b71e95aecb41e50c8fe34840b6207 Mon Sep 17 00:00:00 2001 From: Khasanboy Khabibullaev Date: Mon, 8 Jan 2024 12:33:37 +0500 Subject: [PATCH] furniture store: init project --- furniture-store/.gitattributes | 2 ++ furniture-store/css/main.css | 46 ++++++++++++++++++++++++ furniture-store/css/main.css.map | 1 + furniture-store/index.html | 17 +++++++++ furniture-store/js/main.js | 0 furniture-store/scss/_base.scss | 51 +++++++++++++++++++++++++++ furniture-store/scss/_components.scss | 0 furniture-store/scss/_footer.scss | 0 furniture-store/scss/_header.scss | 0 furniture-store/scss/_navbar.scss | 0 furniture-store/scss/_sections.scss | 0 furniture-store/scss/main.scss | 7 ++++ 12 files changed, 124 insertions(+) create mode 100644 furniture-store/.gitattributes create mode 100644 furniture-store/css/main.css create mode 100644 furniture-store/css/main.css.map create mode 100644 furniture-store/index.html create mode 100644 furniture-store/js/main.js create mode 100644 furniture-store/scss/_base.scss create mode 100644 furniture-store/scss/_components.scss create mode 100644 furniture-store/scss/_footer.scss create mode 100644 furniture-store/scss/_header.scss create mode 100644 furniture-store/scss/_navbar.scss create mode 100644 furniture-store/scss/_sections.scss create mode 100644 furniture-store/scss/main.scss diff --git a/furniture-store/.gitattributes b/furniture-store/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/furniture-store/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/furniture-store/css/main.css b/furniture-store/css/main.css new file mode 100644 index 0000000..c8f1fbb --- /dev/null +++ b/furniture-store/css/main.css @@ -0,0 +1,46 @@ +*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: inherit; +} + +a { + text-decoration: none; +} + +html { + box-sizing: border-box; + font-size: 62.5%; + overflow-x: hidden; + font-family: "Roboto", sans-serif; +} +@media only screen and (max-width: 48em) { + html { + font-size: 46.875%; + } +} + +body { + overflow-x: hidden; + background: rgb(255, 250, 240); +} + +nav, +header, +section, +main, +footer { + width: 100%; + padding: 3rem 5rem; +} +@media only screen and (max-width: 48em) { + nav, + header, + section, + main, + footer { + padding: 2rem 3rem; + } +}/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/furniture-store/css/main.css.map b/furniture-store/css/main.css.map new file mode 100644 index 0000000..12e5631 --- /dev/null +++ b/furniture-store/css/main.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../scss/_base.scss","main.css"],"names":[],"mappings":"AAWA;;;EAGE,SAAA;EACA,UAAA;EACA,mBAAA;ACVF;;ADaA;EACE,qBAAA;ACVF;;ADaA;EACE,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iCAAA;ACVF;ADYE;EANF;IAOI,kBAAA;ECTF;AACF;;ADYA;EACE,kBAAA;EACA,8BAAA;ACTF;;ADYA;;;;;EAKE,WAAA;EACA,kBAAA;ACTF;ADWE;EARF;;;;;IASI,kBAAA;ECJF;AACF","file":"main.css"} \ No newline at end of file diff --git a/furniture-store/index.html b/furniture-store/index.html new file mode 100644 index 0000000..4efd889 --- /dev/null +++ b/furniture-store/index.html @@ -0,0 +1,17 @@ + + + + + + + + + + + Whimsy Furniture Store + + + diff --git a/furniture-store/js/main.js b/furniture-store/js/main.js new file mode 100644 index 0000000..e69de29 diff --git a/furniture-store/scss/_base.scss b/furniture-store/scss/_base.scss new file mode 100644 index 0000000..6994ff8 --- /dev/null +++ b/furniture-store/scss/_base.scss @@ -0,0 +1,51 @@ +// COLORS +$color-primary: #4b4b4b; +$color-accent: #ffad4c; + +// BREAKPOINTS +$bp-xl: 90em; +$bp-lg: 64em; +$bp-md: 48em; +$bp-sm: 30em; + +// NORMALIZING THE OVERALL LAYOUT BY IGNORING DEFAULT PROPERTIES +*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: inherit; +} + +a { + text-decoration: none; +} + +html { + box-sizing: border-box; + font-size: 62.5%; //10px + overflow-x: hidden; + font-family: "Roboto", sans-serif; + + @media only screen and (max-width: $bp-md) { + font-size: 46.875%; // 7.5px + } +} + +body { + overflow-x: hidden; + background: rgb(255, 250, 240); +} + +nav, +header, +section, +main, +footer { + width: 100%; + padding: 3rem 5rem; + + @media only screen and (max-width: $bp-md) { + padding: 2rem 3rem; + } +} diff --git a/furniture-store/scss/_components.scss b/furniture-store/scss/_components.scss new file mode 100644 index 0000000..e69de29 diff --git a/furniture-store/scss/_footer.scss b/furniture-store/scss/_footer.scss new file mode 100644 index 0000000..e69de29 diff --git a/furniture-store/scss/_header.scss b/furniture-store/scss/_header.scss new file mode 100644 index 0000000..e69de29 diff --git a/furniture-store/scss/_navbar.scss b/furniture-store/scss/_navbar.scss new file mode 100644 index 0000000..e69de29 diff --git a/furniture-store/scss/_sections.scss b/furniture-store/scss/_sections.scss new file mode 100644 index 0000000..e69de29 diff --git a/furniture-store/scss/main.scss b/furniture-store/scss/main.scss new file mode 100644 index 0000000..9926c75 --- /dev/null +++ b/furniture-store/scss/main.scss @@ -0,0 +1,7 @@ +@import "base"; +@import "components"; + +@import "navbar"; +@import "header"; +@import "sections"; +@import "footer";