- Library setup
+ Color palettes
+ There’s no reason why your Infusion-powered pattern library has to be all about functionality. You can include style guide-like information such as color palettes too. The colors
shortcode makes it easy to exhibit colors and their values together. Just supply a comma-separated list of CSS color values.
+
+
+{{% colors "#111111, #cccccc, #ffffff" %}}
+
+
+
+The result is a one row strip showing each color supplied in order. The colors for Infusion are greyscale:
+
+
+
+
+
+ -
+ #111111
+
+
+ -
+ #CCCCCC
+
+
+ -
+ #FFFFFF
+
+
+
+
-By now, you should have followed the
-
-
-
-
-
-
-
-
-
-
-
-
-
- Installation
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- instructions. You should have Hugo and Node installed, and a local copy of a forked version of Infusion. You should also have run npm install
in the root of that codebase.
-
-“Cleaning” the content folder
-
-Before you can start documenting patterns, there are a few things still to do in order to get set up. At the moment, your version of Infusion is a facsimile of the original, containing all this documentation content. We want to delete that content and replace it with some starter content. There’s a simple clean
command for this.
-
-