https://github.com/netbeast/design
:pencil2: This repository provides a publicly accessible style guide for the development of web apps using the Netbeast theme. It also includes the Sass and Css files needed to start designing w/ Netbeast.
https://github.com/netbeast/design
Last synced: 6 months ago
JSON representation
:pencil2: This repository provides a publicly accessible style guide for the development of web apps using the Netbeast theme. It also includes the Sass and Css files needed to start designing w/ Netbeast.
- Host: GitHub
- URL: https://github.com/netbeast/design
- Owner: netbeast
- Created: 2015-11-01T17:30:39.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-03-16T14:04:53.000Z (over 10 years ago)
- Last Synced: 2025-01-22T13:46:25.690Z (over 1 year ago)
- Language: HTML
- Homepage: https://netbeast.github.io/design
- Size: 2 MB
- Stars: 5
- Watchers: 6
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Netbeast style guide
Check out how the netbeast styles look like at the [styleguide](http://netbeast.github.io/design/)
## Main components
- Generic bootstrap Sass styles are included under stylesheets
- app.scss (This includes the bootstrap base and our custom tweaks/theme)
- _customVariables.scss (This file stores the custom values for most of the current styles (e.g. border radius, widths, colors, all the stuff you can think of).
- custom.scss (This file stores custom mods to the bootstrap base styles that cannot be done using custom variables).
## Usage
### CSS
Include the nb-bootstrap folder in your project and place
``
### Sass
To customize using many of the Sass variables that we have defined for the theme just open a tab in your project folder and type
`sass nb-bootstrap/sass/app.scss:nb-bootstrap/css/nb-bootstrap.css --watch`
Changes on the sass files will automatically be compiled into the css file.
## Development
- New changes are highly recommended to be included in customVars