pattern-lab / edition-node-gulp

ARCHIVED - The gulp wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets.
MIT License
279 stars 111 forks source link

Adding a custom Pattern State is not being reflected #125

Open morgaca opened 6 years ago

morgaca commented 6 years ago

before posting an issue, try chatting on https://gitter.im/pattern-lab/node Unfortunately, this is blocked by corporate network

I am using Pattern Lab Node- Gulp Edition v2.12.0 on Mac.

Expected Behavior

Add an Custom Pattern State for inbacklog as per https://patternlab.io/docs/pattern-states.html Expect to see the colour displayed when the application has reloaded.

Actual Behavior

Intended colour not being picked up.

screen shot 2018-10-11 at 15 45 21
Steps to Reproduce
./source/css/pattern-scaffolding.css
.inbacklog::before {
  color: blueviolet !important;
}
./patternlab-config.json
{
    "patternStateCascade": ["inbacklog", "inprogress", "inreview", "complete"],
}
./source/_patterns/00-atoms/03-lists/00-unordered.md
---
title: Unordered List
state: inbacklog
---
Additional information

pattern-scaffolding.css file added to ./source/_meta/00-head.mustache results in the CSS file being included only in the iframe, not available to the entire application.

screen shot 2018-10-11 at 15 46 52

However, other styles in pattern-scaffolding.css are being picked up e.g. .sg-colors providing a container for the colour palette.

screen shot 2018-10-11 at 15 59 35