/app-template

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

Primary LanguageJavaScript

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

##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
}