App Template

HTML template including bootstrap, sass, gulp tasks with browsersync. Which helps you to auto refresh your browser after every change

##Install npm install

npm install -g gulp nodemon

##How to install SASS ####Only for windows user mac user already have Ruby pre-installed

• Install Ruby installer
• gem install sass

##Start App Locally npm start

Once the gulp start run, you can access it on a browser by going to the web page http://localhost:7071

npm run startdev will take care of sass to css compilation and auto refresh the browser on every change in html and css file.

##Gulp Commands npm start - run application locally.

npm run clean - run to clean build folder.

npm run build - create production ready code. It will move files into .tmp/build.

npm run startprod - run application with production ready code.

##Used Gulp Autoprefixer

Write your CSS rules without vendor prefixes (in fact, forget about them entirely):

Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer.

####Input CSS

:fullscreen a {
    display: flex
}

####Output by Autoprefixer

:-webkit-full-screen a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}
:-moz-full-screen a {
    display: flex
}
:-ms-fullscreen a {
    display: -ms-flexbox;
    display: flex
}
:fullscreen a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}