https://github.com/genebit/bs-coreui

Easily customize BS5 using SASS
https://github.com/genebit/bs-coreui

bootstrap-5 coreui customizable scss

Last synced: 6 months ago
JSON representation

Easily customize BS5 using SASS

• Host: GitHub
• URL: https://github.com/genebit/bs-coreui
• Owner: genebit
• Created: 2022-06-12T15:02:47.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-07-02T12:15:27.000Z (over 2 years ago)
• Last Synced: 2023-07-02T13:25:40.458Z (over 2 years ago)
• Topics: bootstrap-5, coreui, customizable, scss
• Language: CSS
• Homepage:
• Size: 14.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
### Custom Core UI + Bootstrap CSS Framework

Combining Core UI admin page layout with Bootstrap's v5 styles with the ability to easily customize styles using SASS.

### Presets

Grab one through the branch

Default             |  Prototype

:-------------------------:|:-------------------------:

![Default Build](screenshots/build.default.png)  |  ![Prototype Build](screenshots/build.prototype.png)

### How to use

* Clone this project from the `build` branch or download it from release.

* Move this repository to your project.

* Include to HTML header tags.

### What to include in the header tags

```html

    /* Insert your personal site font here */

    @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

    * {

        font-family: "Inter", sans-serif;

    }

```

### Customizing BS5

**Prerequisites**

- SASS Compiler or just use the watch SASS compiler in VSCode.

Go to `src/scss` and modify `bs-coreui.scss`.

Once you are done with your customization build the sass file to css and minify to `build/`