diff options
Diffstat (limited to 'exampleSite/content/blog/content/blog/content/docs/labels.md')
| -rw-r--r-- | exampleSite/content/blog/content/blog/content/docs/labels.md | 51 |
1 files changed, 0 insertions, 51 deletions
diff --git a/exampleSite/content/blog/content/blog/content/docs/labels.md b/exampleSite/content/blog/content/blog/content/docs/labels.md deleted file mode 100644 index 2069ff6..0000000 --- a/exampleSite/content/blog/content/blog/content/docs/labels.md +++ /dev/null @@ -1,51 +0,0 @@ -+++ -date = "2017-04-10T16:40:43+01:00" -title = "Labels" -draft = false -weight = 80 -description = "Label things with all sorts of labels" -bref = "Labels have all standard Kube styling options available: outline, states (success, error, warning), inverted color, and more. You can also customize labels to your requirements, and place them inside other elements, such as buttons, for example" -toc = true -+++ - -<h3 class="section-head" id="h-base"><a href="#h-base">Base</a></h3> -<div class="example"> - <span class="label">Default</span> <span class="label success">Success</span> <span class="label error">Error</span> <span class="label warning">Warning</span> <span class="label focus">Focus</span> <span class="label black">Black</span> <span class="example-inverted-box"><span class="label inverted">Inverted</span></span> -</div> -<h3 class="section-head" id="h-outline"><a href="#h-outline">Outline</a></h3> -<div class="example"> - <span class="label outline">Default</span> <span class="label success outline">Success</span> <span class="label error outline">Error</span> <span class="label warning outline">Warning</span> <span class="label focus outline">Focus</span> <span class="label black outline">Black</span> <span class="example-inverted-box"><span class="label inverted outline">Inverted</span></span> -</div> -<h3 class="section-head" id="h-upper"><a href="#h-upper">Upper</a></h3> -<div class="example"> - <span class="label upper">Default</span> <span class="label success upper">Success</span> <span class="label error upper">Error</span> <span class="label warning upper">Warning</span> <span class="label focus upper">Focus</span> <span class="label black upper">Black</span> <span class="example-inverted-box"><span class="label inverted upper">Inverted</span></span> -</div> -<h3 class="section-head" id="h-tag"><a href="#h-tag">Tag</a></h3> -<div class="example"> - <span class="label tag"><a href="#">Default</a></span> <span class="label tag success">Success</span> <span class="label tag error">Error</span> <span class="label tag warning">Warning</span> <span class="label tag focus"><a href="#">Focus</a></span> <span class="label tag black">Black</span> <span class="example-inverted-box"><span class="label tag inverted">Inverted</span></span> -</div> -<h3 class="section-head" id="h-badges"><a href="#h-badges">Badges</a></h3> -<p>Labels are ideal for use as badges with badge class.</p> -<div class="example"> - <span class="label badge"><a href="#">1</a></span> <span class="label badge error">2</span> <span class="label badge success">3</span> <span class="label badge warning">4</span> <span class="label badge focus"><a href="#">5</a></span> <span class="label badge black">6</span> <span class="example-inverted-box"><span class="label badge inverted">7</span></span> -</div> -<h3 class="section-head" id="h-outline-badges"><a href="#h-outline-badges">Outline Badges</a></h3> -<div class="example"> - <span class="label badge outline"><a href="#">1</a></span> <span class="label badge error outline">2</span> <span class="label badge success outline">3</span> <span class="label badge warning outline">4</span> <span class="label badge focus outline"><a href="#">5</a></span> <span class="label badge black outline">6</span> <span class="example-inverted-box"><span class="label badge inverted outline">7</span></span> -</div> -<h3 class="section-head" id="h-custom"><a href="#h-custom">Custom</a></h3> -<p>You can use mixins to customize your labels and badges.</p> -<div class="example"> - <span class="label custom">Label</span> <span class="label badge custom">1</span> <span class="label tag custom">Tag</span> - <pre class="code skip"><span class="hljs-comment"><!-- scss --></span> -.label.custom { - // $text-color, $back-color - @include label(#fff, #ea48a7); -} - -<span class="hljs-comment"><!-- html --></span> -<span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"label custom"</span>></span>Label<span class="hljs-tag"></<span class="hljs-name">span</span>></span> -<span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"label badge custom"</span>></span>1<span class="hljs-tag"></<span class="hljs-name">span</span>></span> -<span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"label tag custom"</span>></span>Tag<span class="hljs-tag"></<span class="hljs-name">span</span>></span> -</pre> -</div>
\ No newline at end of file |