- Control Panel Body Classes plugin
- Control Panel JavaScript plugin
- Control Panel CSS plugin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{# ℹ️ Component name | |
================================================================================================== | |
Component description | |
Where to find it on the site | |
Links to references or documentation | |
#} | |
{# 🔌 EXTENDS #} | |
If you're extending another template, put that function here. |
Annotated Notes: For admin notes with automatic timestamps.
Control Panel Body Classes: Add body classes to various Control Panel screens for easier styling (in combination with Control Panel CSS).
Control Panel CSS: To make style tweaks to the control panel. See web/cp.css for styles.
Control Panel Nav: Custom navigation menus for each user type, for easier navigation.
First install patternlab/edition-node-gulp.
Then update package.json
and run npm install
in the command line.
Then update gulpfile.js
, then patternlab-config.json
.
If you're renaming your default stylesheet, update it in source/_meta/_00-head.mustache
.
Once everything is updated, test with gulp patternlab:build
.
- Assuming you already have npm, install Yarn:
npm install --global yarn
- Add
package.json
to the root of your Pattern Lab. Change the name and version if you'd like. - Install dependencies with
yarn install
- Set up your CSS folder structure to match the
sass-watch
script, or edit the script to match your structure.
source
-- css