furniture store: init project

khassanboi · Jan 8, 2024 · d6b421e · d6b421e
1 parent f9c160a
commit d6b421e
Show file tree

Hide file tree

Showing 12 changed files with 124 additions and 0 deletions.
diff --git a/furniture-store/.gitattributes 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
@@ -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 */
diff --git a/furniture-store/css/main.css.map b/furniture-store/css/main.css.map
diff --git a/furniture-store/index.html b/furniture-store/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="./css/main.css" />
+    <title>Whimsy Furniture Store</title>
+  </head>
+  <body></body>
+</html>
diff --git a/furniture-store/js/main.js b/furniture-store/js/main.js
diff --git a/furniture-store/scss/_base.scss 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
diff --git a/furniture-store/scss/_footer.scss b/furniture-store/scss/_footer.scss
diff --git a/furniture-store/scss/_header.scss b/furniture-store/scss/_header.scss
diff --git a/furniture-store/scss/_navbar.scss b/furniture-store/scss/_navbar.scss
diff --git a/furniture-store/scss/_sections.scss b/furniture-store/scss/_sections.scss
diff --git a/furniture-store/scss/main.scss b/furniture-store/scss/main.scss
@@ -0,0 +1,7 @@
+@import "base";
+@import "components";
+
+@import "navbar";
+@import "header";
+@import "sections";
+@import "footer";
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# Auto detect text files and perform LF normalization
		* text=auto