You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+6-6Lines changed: 6 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -10,7 +10,7 @@ The UI Extension plugin allows users to customize the Pattern Lab frontend style
10
10
11
11
## Installation
12
12
13
-
To add the UI Extension Plugin to your project using [npm](http://npmjs.com/) type:
13
+
To add the UI Extension Plugin to your project using [npm](https://www.npmjs.com/) type:
14
14
15
15
npm install plugin-node-uiextension --save
16
16
@@ -54,9 +54,9 @@ Note the defaulted `pattern-scaffolding.css` file, which is relative to the inst
54
54
55
55
> At this time, loading external CSS is not supported.
56
56
57
-
This file is already responsible for meta-styling of your patterns, and is usually only scoped to the viewer `<iframe/>`. With this default, you now have a useful CSS file for altering both the Pattern Lab UI inside the ish `<iframe/>` as well as the main frontend. You can use a [mockup of Pattern Lab on Codepen](http://codepen.io/bmuenzenmeyer/pen/791da488b2a73909a58eacf801af83d4) to alter the look and feel, and then export or append the **compiled css** back into `pattern-scaffolding.css`.
57
+
This file is already responsible for meta-styling of your patterns, and is usually only scoped to the viewer `<iframe/>`. With this default, you now have a useful CSS file for altering both the Pattern Lab UI inside the ish `<iframe/>` as well as the main frontend. You can use a [mockup of Pattern Lab on Codepen](https://codepen.io/bmuenzenmeyer/pen/zNmmez) to alter the look and feel, and then export or append the **compiled css** back into `pattern-scaffolding.css`.
58
58
59
-
Here's a [Pattern Lab light theme](http://codepen.io/bmuenzenmeyer/pen/813a628ae7185fed6137cc2498e74df5) quickly created using the CodePen above.
59
+
Here's a [Pattern Lab light theme](https://codepen.io/bmuenzenmeyer/pen/RKqBqX) quickly created using the CodePen above.
60
60
61
61
This is also a good way to build [custom pattern states](https://patternlab.io/docs/using-pattern-states/#heading-adding-customized-states) and have their colors represented on the UI.
62
62
@@ -70,11 +70,11 @@ For example, adding the following snippet:
70
70
...
71
71
"navLinks": {
72
72
"before": [
73
-
{ "text": "Voice and Tone", "url": "http://example.com/writing-guide", "class": ""}
73
+
{ "text": "Voice and Tone", "url": "https://example.com/writing-guide", "class": ""}
0 commit comments