Adding labs label and role for titles

Author: lidiazuin

preview-src/labels.adoc

@@ -182,6 +182,10 @@
   <span class="label label--cluster-member-single">SINGLE</span>
 </div>
 
+<div class="box">
+  <span class="label label--labs">Labs</span>
+</div>
+
 ++++
 
 == Tables with labels!

src/css/labels.css

@@ -120,6 +120,11 @@ span.label--function {
   color: rgba(var(--colors-lavender-50));
 }
 
+span.label--labs {
+  background: rgba(var(--color-labs));
+  color: rgba(var(--colors-neutral-10));
+}
+
 span.label--current {
   background: rgba(var(--colors-baltic-50));
   color: rgba(var(--colors-baltic-10));