dddddddd
d::::::dhhhhhhh
d::::::dh:::::h
d::::::dh:::::h
d:::::d h:::::h
ddddddddd:::::d h::::h hhhhh
dd::::::::::::::d h::::hh:::::hhh
d::::::::::::::::d h::::::::::::::hh
d:::::::ddddd:::::d h:::::::hhh::::::h
d::::::d d:::::d h::::::h h::::::h
d:::::d d:::::d h:::::h h:::::h
d:::::d d:::::d h:::::h h:::::h
d:::::d d:::::d h:::::h h:::::h
d::::::ddddd::::::dd h:::::h h:::::h
d:::::::::::::::::d h:::::h h:::::h
d:::::::::ddd::::d h:::::h h:::::h
ddddddddd ddddd hhhhhhh hhhhhhh
dhBoilerplate made with love & help.
---------------------------------------
Author : David Hellmann
Website : https://davidhellmann.com
Github : https://github.com/davidhellmann/generator-dhBoilerplate
Learning Vue
borderradius('level-x')
orbr('level-x')
boxshadow('level-x')
orbs('level-x')
color('color-name')
orc('color-name')
ease('easing-name')
ore('easing-name')
fontfamily('font-name')
orff('font-name')
font-size('font-size')
orfs('font-size')
lineheight(i)
orlh(i)
sapce(i)
ors(i)
verticalrhythm(i)
orvr(i)
@include center
@include clearfix
@include container('full')
‚full‘ ist optional@include cols(i)
@include filter(filter-name, value%)
@include fluid-type($properties, $min-vw, $max-vw, $min-value, $max-value)
or@include ft($properties, $min-vw, $max-vw, $min-value, $max-value)
@include flexbox('full')
or@include fb('full')
‚full‘ is optional@include flexcols(i)
or@include fc(i)
@include gutter(i)
or@include g(i)
@include pull(i)
@include push(i)
@include valign
@include visuallyhidden
or@include vh
npm install
gulp init
gulp
This Task clean the folder, build the stuff from ground up and optimize the images and minifiy JS / CSS files. Ready for live!
gulp build
There are some other Tasks there…
// Clean Tasks
// Clean the specific folder in the "___dist" dir
gulp clean:templates
gulp clean:css
gulp clean:js
gulp clean:images
// Main Tasks
// All this are triggered within "gulp init" & "gulp build" task.
// Some of this are triggered within the "gulp" task.
gulp templates
gulp systemFiles
gulp modernizr
gulp compile:js
gulp sass
gulp copy:fonts
gulp images
gulp svg-single
gulp svg-sprite
// Minify Tasks
// This task are triggered within the "guld build" task.
gulp minify:js
gulp minify:sass
gulp minify:images
- webdevs - for so many things: Website
- Sascha Fuchs - for help help help: Website
- Martin Herweg - for help help help: Website
- CSS Tricks - for Easing Map: Website
- Florian Kutschera - for the Material Design Box Shadows: Website
- Hugo Giraudel & Eduardo Bouças - for include media: Website
- @LukyVj - for family.scss: Website
- inuitcss - for some snippets and inspiration: website