sass style is started

HARISHKUMAR023 · May 23, 2024 · 044127a · 044127a
1 parent 275510d
commit 044127a
Show file tree

Hide file tree

Showing 9 changed files with 63 additions and 3 deletions.
diff --git a/assets/index.css → assets/css/index.css b/assets/index.css → assets/css/index.css
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -0,0 +1,18 @@
+/* Error: Expected expression.
+ *   ,
+ * 4 |     background-color: ;
+ *   |                       ^
+ *   '
+ *   assets\scss\layouts\_navbar.scss 4:23  @import
+ *   assets\scss\main.scss 9:9              root stylesheet */
+
+body::before {
+  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
+      "Droid Sans Mono", monospace, monospace;
+  white-space: pre;
+  display: block;
+  padding: 1em;
+  margin-bottom: 1em;
+  border-bottom: 2px solid black;
+  content: "Error: Expected expression.\a   \2577 \a 4 \2502      background-color: ;\d\a   \2502                        ^\a   \2575 \a   assets\\scss\\layouts\\_navbar.scss 4:23  @import\a   assets\\scss\\main.scss 9:9              root stylesheet";
+}
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
diff --git a/assets/scss/abstract/_variable.scss b/assets/scss/abstract/_variable.scss
@@ -0,0 +1,11 @@
+$font-primmary: 'Poppins', sans-serif;
+$theme-color: (
+    "primary":#003459,
+    "primary-hover":#007EA7,
+    "dark":green,
+    "text_color":#007EA7,
+    "menu-bg":green,
+    "b":black,
+
+);
+$color-animation: green;
diff --git a/assets/scss/base/_global.scss b/assets/scss/base/_global.scss
@@ -0,0 +1,14 @@
+@use '../abstract/variable' as var;
+
+* {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    font-family: var.$font-primmary ;
+    scroll-behavior: smooth;
+}
+
+a {
+    text-decoration: none;
+
+}
diff --git a/assets/scss/base/_reset.scss b/assets/scss/base/_reset.scss
diff --git a/assets/scss/layouts/_navbar.scss b/assets/scss/layouts/_navbar.scss
@@ -0,0 +1,5 @@
+@use '../abstract/variable' as var;
+
+.navbar{
+
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -0,0 +1,9 @@
+// variable
+@import './abstract/variable';
+
+// base
+@import './base/global';
+@import './base/reset';
+
+//layouts
+@import './layouts/navbar'
diff --git a/index.html b/index.html
@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Markdown Code Snippet Generator</title>
-   <link rel="stylesheet" href="./assets/index.css">
+   <link rel="stylesheet" href="./assets/css/index.css">
    <link rel="shortcut icon" href="./assets/coder_markdown.svg" type="image/x-icon">
-
+<link rel="stylesheet" href="./assets/css/main.css">
 
      <!-- SEO Meta Tags -->
      <meta name="description" content="Generate Markdown code snippets with ease.">
@@ -15,7 +15,9 @@
 
 </head>
 <body>
-    <nav></nav>
+    <nav class="navbar">
+
+    </nav>
     <div class="container">
         <div class="form-container">
             <div class="navbar">