From 611c666dbcbae64c233f0f335a09a2cee36c7132 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sun, 3 Jun 2018 17:45:42 +0800
Subject: Update labels docs to Pug template

---
 docs/src/contents/labels.pug | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

(limited to 'docs/src')

diff --git a/docs/src/contents/labels.pug b/docs/src/contents/labels.pug
index e69de29..2d55412 100644
--- a/docs/src/contents/labels.pug
+++ b/docs/src/contents/labels.pug
@@ -0,0 +1,32 @@
+p Labels are formatted text tags for highlighted, informative information.
+
+.columns
+  .column
+    span.label.mr-1 default label
+    span.label.label-primary.mr-1 primary label
+    span.label.label-secondary.mr-1 secondary label
+    span.label.label-success.mr-1 success label
+    span.label.label-warning.mr-1 warning label
+    span.label.label-error error label
+  
+p
+  | Add the #[code label] class to #{'<span>'} or #{'<small>'} elements.
+  | You can add another class #[code label-primary], #[code label-secondary], #[code label-success], #[code label-warning] and #[code label-error] for colored labels.
+
+.columns
+  .column
+    span.label.label-rounded.mr-1 default label
+    span.label.label-rounded.label-primary primary label
+
+p
+  | Add the #[code label-rounded] class to have rounded labels.
+
+pre.code(data-lang='HTML')
+  code
+    :highlight(lang="html")
+      <!-- normal labels -->
+      <span class="label">default label</span>
+      <span class="label label-primary">primary label</span>
+
+      <!-- rounded labels -->
+      <span class="label label-rounded label-primary">primary label</span>
\ No newline at end of file
-- 
cgit v1.3.1-23-gd82d