2017 © Pedro Peláez
 

patternlab-plugin plugin-kss

KSS Plugin for Pattern Lab

image

pattern-lab/plugin-kss

KSS Plugin for Pattern Lab

  • Saturday, May 14, 2016
  • by EvanLovely
  • Repository
  • 3 Watchers
  • 6 Stars
  • 68 Installations
  • PHP
  • 0 Dependents
  • 0 Suggesters
  • 2 Forks
  • 3 Open issues
  • 2 Versions
  • 0 % Grown

The README.md

KSS Plugin for Pattern Lab PHP

The KSS plugin adds support for parsing and displaying Knyle Style Sheets within Pattern Lab PHP. KSS is "documentation for any flavor of CSS that you’ll love to write. Human readable, machine parsable, and easy to remember." The KSS plugin uses the scan/kss-php package., (*1)

Requirements

The KSS plugin currently only works with the Mustache PatternEngine for Pattern Lab PHP. Twig support will be coming soon., (*2)

Installation

Pattern Lab PHP uses Composer to manage project dependencies. To install the KSS plugin run:, (*3)

composer require pattern-lab/plugin-kss

Usage

Simply use the KSS syntax in your CSS, SCSS, or LESS files., (*4)

The Styleguide Field

The styleguide field is how you connect your sections of KSS documentation with specific patterns. For example, this block of KSS would be associated with the atoms-star-button pattern based on the Styleguide field., (*5)

/*
A button suitable for giving stars to someone.

:hover             - Subtle hover highlight.
.stars-given       - A highlight indicating you've already given a star.
.stars-given:hover - Subtle hover highlight on top of stars-given styling.
.disabled          - Dims the button to indicate it cannot be used.

Styleguide atoms-star-button
*/

The Versions

14/05 2016

dev-master

9999999-dev http://patternlab.io

KSS Plugin for Pattern Lab

  Sources   Download

MIT

The Requires

 

style guide pattern lab kss

07/02 2015

dev-dev

dev-dev http://patternlab.io

KSS Plugin for Pattern Lab

  Sources   Download

MIT

The Requires

 

style guide pattern lab kss