init
This commit is contained in:
9
.gitignore
vendored
Normal file
9
.gitignore
vendored
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
.idea
|
||||||
|
.idea/*
|
||||||
|
.idea/**/*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
node_modules/*
|
||||||
|
node_modules/**/*
|
||||||
|
|
||||||
|
package-lock.json
|
59
README.md
Normal file
59
README.md
Normal file
@@ -0,0 +1,59 @@
|
|||||||
|
# 🎨 Custom Bootstrap Theme Generator
|
||||||
|
|
||||||
|
A simple tool to generate custom Bootstrap styles using your own color palette and configuration. Perfect for quickly prototyping or creating consistent themes for your web projects.
|
||||||
|
|
||||||
|
## 🚀 Features
|
||||||
|
|
||||||
|
- Customize Bootstrap's SCSS variables (colors, fonts, spacing, etc.)
|
||||||
|
- Outputs a single CSS file ready to use
|
||||||
|
- Built with simplicity and flexibility in mind
|
||||||
|
|
||||||
|
## 📦 Installation
|
||||||
|
|
||||||
|
Clone the repository:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
git clone https://github.com/yourusername/bootstrap-theme-generator.git
|
||||||
|
cd bootstrap-theme-generator
|
||||||
|
```
|
||||||
|
|
||||||
|
Install dependencies:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
## ⚙️ Usage
|
||||||
|
|
||||||
|
You can edit the SCSS variables in the `./scss/custom.scss` file.
|
||||||
|
|
||||||
|
To build your custom Bootstrap CSS:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run sass
|
||||||
|
```
|
||||||
|
|
||||||
|
The output CSS will be in `./css/custom.css`.
|
||||||
|
|
||||||
|
To build a minified custom Bootstrap CSS:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run sass-minify
|
||||||
|
```
|
||||||
|
|
||||||
|
The output CSS will be in `./css/custom.min.css`.
|
||||||
|
|
||||||
|
### 🧪 Example
|
||||||
|
|
||||||
|
```scss
|
||||||
|
// ./scss/custom.scss
|
||||||
|
// ----------------------------
|
||||||
|
|
||||||
|
$primary: #e63946;
|
||||||
|
$secondary: #457b9d;
|
||||||
|
$success: #2a9d8f;
|
||||||
|
$font-family-base: 'Inter', sans-serif;
|
||||||
|
$border-radius: 0.5rem;
|
||||||
|
|
||||||
|
// ----------------------------
|
||||||
|
```
|
11848
css/custom.css
Normal file
11848
css/custom.css
Normal file
File diff suppressed because it is too large
Load Diff
1
css/custom.css.map
Normal file
1
css/custom.css.map
Normal file
File diff suppressed because one or more lines are too long
5
css/custom.min.css
vendored
Normal file
5
css/custom.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
css/custom.min.css.map
Normal file
1
css/custom.min.css.map
Normal file
File diff suppressed because one or more lines are too long
18
package.json
Normal file
18
package.json
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
{
|
||||||
|
"name": "custom-bootstrap",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"sass": "sass --watch ./scss/custom.scss ./css/custom.css",
|
||||||
|
"sass-minify": "sass --watch ./scss/custom.scss ./css/custom.min.css --style compressed"
|
||||||
|
},
|
||||||
|
"keywords": [],
|
||||||
|
"author": "",
|
||||||
|
"license": "ISC",
|
||||||
|
"type": "commonjs",
|
||||||
|
"dependencies": {
|
||||||
|
"bootstrap": "^5.3.3",
|
||||||
|
"sass": "^1.86.0"
|
||||||
|
}
|
||||||
|
}
|
10
scss/custom.scss
Normal file
10
scss/custom.scss
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
// Custom.scss
|
||||||
|
// Custom variables go here
|
||||||
|
// ----------------------------
|
||||||
|
|
||||||
|
//$primary: #c8a2c8;
|
||||||
|
//$secondary: #f0e68c;
|
||||||
|
|
||||||
|
// ----------------------------
|
||||||
|
// Required import of bootstrap
|
||||||
|
@import "../node_modules/bootstrap/scss/bootstrap";
|
Reference in New Issue
Block a user