Giter Club home page Giter Club logo

generator-bootstrap-compass's Introduction

generator-bootstrap-compass

Yeoman generator

About

This generator creates folder structure to work with Compass and Bootstrap. Also creates Gruntfile with such tasks as "Compile Sass/Compass" and "LiveReload"

your_project_folder/
|
|-app/
|  |-public/
|  |  |-css/
|  |  |-js/
|  |  |-images/
|  |  |-index.html
|  |-src/
|  |  |-fonts/
|  |  |  |-bootstrap/
|  |  |  |  |-... bootstrap fonts components
|  |  |-javascripts/
|  |  |  |-bootstrap/
|  |  |  |  |-... bootstrap js components
|  |  |  |-bootstrap.js
|  |  |  |-bootstrap-sprockets.js
|  |  |-stylesheets/
|  |  |  |-bootstrap/
|  |  |  |  |-mixins
|  |  |  |  |-... bootstrap scss components
|  |  |  |-pages/
|  |  |  |-_bootstrap.scss
|  |  |  |-_bootstrap-compass.scss
|  |  |  |-_bootstrap-mincer.scss
|  |  |  |-_bootstrap-sprockets.scss
|  |  |  |-_variables.scss
|  |  |  |-main.scss

main.scss have following imports:

@import "variables";
@import "bootstrap";
@import "compass/css3";

Only main.scss will be compiled into main.css. If you don't want to use some bootstrap components, you can at any time change imports in _bootstrap.scss. You can also redefine bootstrap variables in _variables.scss.

Getting Started

To install generator-bootstrap-compass from npm, run:

$ npm install -g generator-bootstrap-compass

Finally, initiate the generator:

$ yo bootstrap-compass

To start Grunt tasks type:

cd your_project_folder

then

grunt

License

MIT

generator-bootstrap-compass's People

Contributors

ok2ju avatar

Watchers

avatar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.