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
}