Merge branch 'fiaz-dev:main' into main

FiazTechnologies · Dec 8, 2023 · 72f3c72 · 72f3c72
2 parents 787095d + bc68f4a
commit 72f3c72
Show file tree

Hide file tree

Showing 39 changed files with 2,670 additions and 131 deletions.
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
diff --git a/README.md b/README.md
@@ -28,12 +28,30 @@ OpenCSS is a lightweight and versatile CSS utility library designed to streamlin
 - **Modular Architecture:** The library is modular, allowing you to include only the parts you need, keeping your stylesheets clean and efficient.
 
 ## Installation
+OpenCSS can be easily installed via npm, the Node.js package manager. Ensure that you have Node.js and npm installed on your system before proceeding.
 
-You can install OpenCSS via npm:
+To install OpenCSS globally, allow you to use the opencss command from any directory,
+run the following command in your terminal:
 
 ```bash
 npm install -g opencss
 ```
+
+## Local Installation (for project-specific use)
+
+If you prefer to install OpenCSS locally within a specific project, navigate to your project directory and run:
+```bash
+npm install opencss
+```
+## Verify Installation
+
+After installation, you can verify that OpenCSS is installed by checking its version:
+```bash
+opencss --version
+```
+This should display the installed version of OpenCSS.
+
+
 ## Contributing
 Contributions are welcome! Before contributing, please read our [Contributing Guidelines](CONTRIBUTING.md) to ensure a smooth and collaborative development process.
 

diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+    presets: ['@babel/preset-env'],
+};
diff --git a/index.ts b/index.ts
@@ -1 +1 @@
-import './opencss/styles/_variables.scss';
+import './opencss.scss';
diff --git a/opencss.css b/opencss.css
diff --git a/opencss.css.map b/opencss.css.map
diff --git a/opencss.scss b/opencss.scss
@@ -0,0 +1 @@
+@import "opencss/index";
diff --git a/opencss/_index.scss b/opencss/_index.scss
@@ -0,0 +1,4 @@
+body {
+  background-color: #000;
+  color: #fff;
+}
diff --git a/opencss/index.scss → opencss/components/_animations.scss b/opencss/index.scss → opencss/components/_animations.scss
diff --git a/opencss/styles/globals.scss → opencss/components/_buttons.scss b/opencss/styles/globals.scss → opencss/components/_buttons.scss
diff --git a/opencss/components/_carousel.scss b/opencss/components/_carousel.scss
diff --git a/opencss/components/_forms.scss b/opencss/components/_forms.scss
diff --git a/opencss/components/_navbar.scss b/opencss/components/_navbar.scss
diff --git a/opencss/components/_spacing.scss b/opencss/components/_spacing.scss
diff --git a/opencss/components/_typography.scss b/opencss/components/_typography.scss
diff --git a/opencss/index.css b/opencss/index.css
diff --git a/opencss/index.css.map b/opencss/index.css.map
diff --git a/opencss/styles/_base.scss b/opencss/styles/_base.scss
diff --git a/opencss/styles/_globals.scss b/opencss/styles/_globals.scss
diff --git a/opencss/styles/_mixins.scss b/opencss/styles/_mixins.scss
diff --git a/opencss/styles/_variables.scss b/opencss/styles/_variables.scss
@@ -0,0 +1,32 @@
+// variables.scss
+
+// Light Theme
+:root {
+  --primary-color: #3498db;
+  --secondary-color: #2ecc71;
+  --background-color: #ffffff;
+  --text-color: #333333;
+  --link-color: #3498db;
+  --border-color: #dddddd;
+  --box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+// Dark Theme
+:root[data-theme='dark'] {
+  --primary-color: #3498db;
+  --secondary-color: #2ecc71;
+  --background-color: #1a1a1a;
+  --text-color: #ffffff;
+  --link-color: #3498db;
+  --border-color: #333333;
+  --box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
+}
+
+// Common Variables
+:root {
+  --font-family: 'Arial', sans-serif;
+  --font-size-base: 16px;
+  --line-height-base: 1.6;
+  --spacing-unit: 8px;
+  --border-radius: 4px;
+}
diff --git a/opencss/styles/globals.css b/opencss/styles/globals.css
diff --git a/opencss/styles/globals.css.map b/opencss/styles/globals.css.map
diff --git a/opencss/utilities/_colors.scss b/opencss/utilities/_colors.scss
diff --git a/opencss/utilities/_container.scss b/opencss/utilities/_container.scss
diff --git a/opencss/utilities/_flexbox.scss b/opencss/utilities/_flexbox.scss
diff --git a/opencss/utilities/_grid-system.scss b/opencss/utilities/_grid-system.scss
diff --git a/opencss/utilities/_grid.scss b/opencss/utilities/_grid.scss
diff --git a/opencss/utilities/_icons.scss b/opencss/utilities/_icons.scss
diff --git a/opencss/utilities/_responsive.scss b/opencss/utilities/_responsive.scss
diff --git a/opencss/utilities/_transitions.scss b/opencss/utilities/_transitions.scss
diff --git a/opencss/utilities/_visibility.scss b/opencss/utilities/_visibility.scss
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		import './opencss/styles/_variables.scss';
		import './opencss.scss';