- NPM
- Gulp Tasks
- Build Config (TYPO3 and WordPress Examples includes)
- SASS Base
Feel free creating issues for bugs and wishes.
- clone or download the repo
- install editorconfig in your ide (if you want use it - plugins aviable for phpstorm, coda and a lot more)
- install packages with npm and run building task in gulp
npm install
gulp build
- now you can start developing with
gulp watch
a lot
you need install node/npm and gulp
if you want use scss-lint install it
gem install scss_lint
or
sudo gem install scss_lint
gulp task for scss-lint
gulp scss-lint
SCSS-Lint Doku https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md
You can use Google Fonts with JS webfontloader, or store webfonts in a "fonts" dir
.class {
&:before {
@include sprite(twitter);
content: '';
float: left;
margin-right: 0.5em;
}
&:hover {
&:before {
@include sprite(twitterHover, bg);
}
}
}
http://zellwk.com/blog/nunjucks-with-gulp/
https://www.npmjs.com/package/gulp-svgstore
https://github.com/addyosmani/critical
Rene Kreupl
Credits and Thanks to
- http://www.sassmeister.com/gist/ac4322cc0564cd37c432
- http://www.sassmeister.com/gist/7f22e44ace49b5124eec
- https://davidhellmann.com/blog/development/responsive-typography-modular-scale-und-fluid-type/
- David Hellmann/Martin Herweg/Sascha Fuchs and many others from the www
Code and documentation copyright 2018 Rene Kreupl,
Code released under the MIT license. Docs released under Creative Commons.