Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eliot-akira/boots
Bootstrap Sass custom build
https://github.com/eliot-akira/boots
Last synced: about 1 month ago
JSON representation
Bootstrap Sass custom build
- Host: GitHub
- URL: https://github.com/eliot-akira/boots
- Owner: eliot-akira
- Created: 2015-09-15T19:13:18.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2015-10-03T00:35:56.000Z (about 9 years ago)
- Last Synced: 2023-02-26T05:09:06.375Z (over 1 year ago)
- Language: CSS
- Size: 309 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Boots
Bootstrap Sass custom build - see [example page](http://eliot-akira.github.io/boots)
## Purpose
This is a starter setup based on [Bootstrap](http://getbootstrap.com/) and the [Gulp](gulpjs.com) task manager.
- Include only the modules used
- Add new components as necessary, and adjust style via variables
- Compile a site-specific custom build
## Use
Include CSS
```html
```
Include JS - requires [jQuery](http://jquery.com/)
```html
```
## Build
##### Requires [Node.js](https://nodejs.org/) and its included package manager, *npm*
The following commands are run from the root of the project folder.
**Install dependencies**
```sh
npm install
```
This installs the Gulp task manager and supporting modules.
**Build and minify assets**
```sh
npm run build
```
**Build with source maps**
```sh
npm run dev
```
**Watch for file changes and automatically build with source maps**
```sh
npm run watch
```
**Start static file server with watch and browser sync**
```sh
npm run serve
```
**Lint JS files**
```sh
npm run lint
```
**Remove compiled assets**
```sh
npm run clean
```
## Source maps
Source maps allow mapping the compiled CSS to its source Sass files when using a browser's inspector. This makes development easier by showing which file corresponds to an element's style.
To see how it works, run a build with source maps and open *index.html* in a browser. Each element's style should show its source file and line number.