https://github.com/blazesoftware/css
CSS foundation for Blaze UI
https://github.com/blazesoftware/css
bem css framework sass scss toolkit web-components
Last synced: 6 months ago
JSON representation
CSS foundation for Blaze UI
- Host: GitHub
- URL: https://github.com/blazesoftware/css
- Owner: BlazeSoftware
- Created: 2020-04-10T09:51:55.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-03-04T11:24:35.000Z (over 2 years ago)
- Last Synced: 2025-04-12T01:15:54.526Z (6 months ago)
- Topics: bem, css, framework, sass, scss, toolkit, web-components
- Language: SCSS
- Homepage: https://www.blazeui.com
- Size: 1.3 MB
- Stars: 28
- Watchers: 1
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Blaze is a framework-free open source UI toolkit. It provides great structure for building websites quickly with a scalable and maintainable foundation.
Blaze CSS is a set of CSS styles and HTML components available as CSS and SCSS.
## Ready to Code Dev Environment
Contribute to Blaze using an online development environment.
[](https://github.dev/BlazeSoftware/css)
## Local Developer Setup
First of all install [NVM](https://github.com/creationix/nvm#install-script).
When that is complete run:
```cli
$ nvm use
$ npm i
$ npm start
```
## Installing the CSS
The easiest way to use the toolkit is via CDN.
```html
```
The `x.x.x` is the specific version of the library, you should use specifc versions to prevent against breaking changes.
### How to start applying styles
We've designed the toolkit not to interfere with others or your own styles, hence Blaze won't automatically do anything to your site.
The following won't change by simply linking to blaze.css like it would with others such as Bootstrap or Foundation:
```html
Button
```
You need to apply our button classes:
```html
Button
```
This means you have to add classes to each part of your site where you want Blaze to apply. Take a look at the documentation for our objects, components, typography etc. and you'll see how intuitive it is to use.