From 0864a8ddd8fbba87fdfb996a68171170ca33e689 Mon Sep 17 00:00:00 2001
From: ines <ines@ines.io>
Date: Sun, 21 May 2017 20:51:00 +0200
Subject: [PATCH] Allow desctiption, group help, fix help icon and add style
 option to commands

---
 website/_includes/_mixins-base.jade | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/website/_includes/_mixins-base.jade b/website/_includes/_mixins-base.jade
index 77a171d37..5a7a535c9 100644
--- a/website/_includes/_mixins-base.jade
+++ b/website/_includes/_mixins-base.jade
@@ -91,14 +91,18 @@ mixin permalink(id)
     groups - [object] option groups, uses global variable QUICKSTART
     headline - [string] optional text to be rendered as widget headline
 
-mixin quickstart(groups, headline)
-    .c-quickstart.o-block#qs
+mixin quickstart(groups, headline, description)
+    .c-quickstart.o-block-small#qs
         .c-quickstart__content
             if headline
                 +h(2)=headline
+            if description
+                p=description
             for group in groups
                 .c-quickstart__group.u-text-small(data-qs-group=group.id)
                     .c-quickstart__legend=group.title
+                        if group.help
+                            |  #[+help(group.help)]
                     .c-quickstart__fields
                         for option in group.options
                             input.c-quickstart__input(class="c-quickstart__input--" + (group.multiple ? "check" : "radio") type=group.multiple ? "checkbox" : "radio" name=group.id id=option.id value=option.id checked=option.checked)
@@ -106,7 +110,7 @@ mixin quickstart(groups, headline)
                                 if option.meta
                                     |  #[span.c-quickstart__label__meta (#{option.meta})]
                                 if option.help
-                                    |  #[+help(option.help).c-quickstart__label__meta]
+                                    |  #[+help(option.help)]
 
         pre.c-code-block
             code.c-code-block__content.c-quickstart__code(data-qs-results="")
@@ -119,11 +123,11 @@ mixin quickstart(groups, headline)
 //- Quickstart code item
     data [object] - Rendering conditions (keyed by option group ID, value: option)
 
-mixin qs(data)
+mixin qs(data, style)
     - args = {}
     for value, setting in data
         - args['data-qs-' + setting] = value
-    span.c-quickstart__line&attributes(args)
+    span.c-quickstart__line(class="c-quickstart__line--#{style || 'bash'}")&attributes(args)
         block