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