This is a clone of WordCamp Europe 2017 CSS.
En français: ce projet contient les styles CSS du site WordCamp Lausanne 2018.
- Voir le site WordCamp Lausanne 2018.
- Voir le Style Guide.
- Lire notre documentation sur ce système CSS.
- New Wordcamp Theme For The Community, December 28, 2016 by Sonja Leix
- WCEU17 design team is building improved and more flexible WordCamp theme
- Using Style Guides for modular WordCamp designs, May 9, 2017 by Lucijan Blagonic
Ci-dessous, le contenu du README original créé pour WCEU 2017:
This plugin generates the custom CSS for the WordCamp Europe 2017 theme and a style guide using KSS methodology.
This is a modified version of WordCamp Europe 2016 CSS plugin by @scottsweb.
Install node.js.
npm install gulp
npm install
You are done.
Use gulp for on–the–fly updates of your code (templates, js, css) and style guide.
This will create a build directory for project assets and a styleguide directory from your KSS documentation in CSS without browser-sync live preview.
Feel free to modify everything in the source directory and keep in mind that styleguide and build directories are rebuilt with each gulp build command.
gulpfile.js
package.json
readme.md
source/
├── assets/ [images, stylesheets]
├── styleguide-template/ [modified KSS template for generating style guides]
├── kss-config.json [style guide configuration]
└── styleguide.md [description of the project and the style guide]
build/ [generated via gulp]
styleguide/ [generated via gulp]
- Uses Bourbon, a lightweight Sass Tool Set
- Uses Modular scale for typography
- Uses Susy for grids
- CSS architecture based on ITCSS (Inverted Triangle CSS) by Harry Roberts Article
More information about style guides.
Articles and tools to start documenting interfaces and build style guides: