UI Enhancement
Table of contents
Labels
Blue label
Stable
New release
Coming soon
Deprecated
Blue Label
{: .label .label.blue}
Stable
{: .label .label-green }
New release
{: .label .label-purple }
Coming soon
{: .label .label-yellow }
Deprecated
{: .label .label-red }
Buttons
[Link button](http://example.com/){: .btn }
[Link button](http://example.com/){: .btn .btn-purple }
[Link button](http://example.com/){: .btn .btn-blue }
[Link button](http://example.com/){: .btn .btn-green }
[Link button](http://example.com/){: .btn .btn-outline }
Callouts
It should be noted that the colors for the callouts can be changed from the file named as _config.yml
Slow Down! Smiles Ahead.
{: .warning }
Slow Down! Smiles Ahead.
Sometimes just take a pause to enjoy the little moments.
{: .highlight }
Sometimes just take a pause to enjoy the little moments.
You smile is Amazing! Keep Smiling.
{: .important }
You smile is Amazing! Keep Smiling.
New Perspective, New beginning.
{: .new }
New Perspective, New beginning.
All I long for is, everything.
{: .note }
All I long for is, everything.