Skip to content

lucijanblagonic/wceu-2018

Repository files navigation

WordCamp Europe 2018 Style Guide

Read the article about the style guide on WordCamp Europe blog. See the current version of the generated style guide.

Style guide created with KSS methodology Style guide created with KSS methodology: Color panel Style guide created with KSS methodology: Header panel

The main elements are based on the campsite-2017


Getting Started

Install node.js.

npm install gulp
npm install

You are done.

gulp

Use gulp for on–the–fly updates of your code (templates, js, css) and style guide.

gulp build

This will create a build directory for project assets and a styleguide directory from your KSS documentation in CSS without browser-sync live preview.

Directory Structure

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]

Interesting Bits

Additional Resources

More information about style guides.

Articles and tools to start documenting interfaces and build style guides:


Other Style Guides

About

CSS + style guide for the WordCamp Europe 2018 theme

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published