Clay CSS
(
2.3.4
)
Navigation
home
globals
grid
typography
icons
links
utilities
alert
label
badge
sticker
button
breadcrumb
card
dropdown
input
input custom
input group
input validation
list group
loading animations
menubar
modal
nav
nav pills
nav tabs
nav underline
navbar
navbar application bar
navbar management bar
navbar navigation bar
pagination
panel
popover
progress bar
multi step nav
sheet
sidebar
table
tbar
tooltip
timeline
toggle switch
Switch Themes
Add New Theme
Add
Options
Import
Export
Delete Current Theme
Delete Everything
Use Clay Base
Label
label-height
px/rem
label-font-size
px/rem
label-font-weight
label-line-height
label-padding-y
px/rem
label-padding-x
px/rem
label-spacer-y
px/rem
label-spacer-x
px/rem
label-border-width
px/rem
label-border-style
label-border-color
label-border-radius
px/rem
label-color
label-text-transform
Label Link
label-link-hover-color
label-link-text-decoration
label-link-hover-text-decoration
Label Anchor
label-anchor-text-decoration
label-anchor-hover-text-decoration
Label Lexicon Icon
label-lexicon-icon-width
px/rem
label-lexicon-icon-height
px/rem
label-lexicon-icon-margin-top
px/rem
Label Item
label-item-spacer-x
px/rem
Label Dismissible
label-dismissible-text-transform
label close
label-close-align-items
label-close-bg
label-close-border-color
label-close-border-radius
px/rem
label-close-color
label-close-display
label-close-font-family
label-close-font-size
px/rem
label-close-font-weight
label-close-height
px/rem
label-close-justify-content
label-close-line-height
label-close-margin-bottom
px/rem
label-close-margin-left
px/rem
label-close-margin-right
px/rem
label-close-margin-top
px/rem
label-close-opacity
label-close-padding-bottom
px/rem
label-close-padding-left
px/rem
label-close-padding-right
px/rem
label-close-padding-top
px/rem
label-close-text-align
label-close-text-decoration
label-close-text-transform
label-close-transition
label-close-vertical-align
label-close-width
px/rem
label-close-hover-bg
label-close-hover-color
label-close-hover-opacity
label-close-hover-text-decoration
label-close-focus-bg
label-close-focus-box-shadow
label-close-focus-color
label-close-focus-opacity
label-close-focus-outline
label-close-focus-text-decoration
label-close-active-bg
label-close-active-border-color
label-close-active-color
label-close-disabled-bg
label-close-disabled-border-color
label-close-disabled-color
label-close-disabled-cursor
label-close-disabled-opacity
label-close-disabled-pointer-events
label-close-disabled-text-decoration
label-close-btn-focus-box-shadow
label-close-btn-focus-outline
label-close-lexicon-icon-margin-bottom
px/rem
label-close-lexicon-icon-margin-left
px/rem
label-close-lexicon-icon-margin-right
px/rem
label-close-lexicon-icon-margin-top
px/rem
label lg
label-lg-border-width
px/rem
label-lg-font-size
px/rem
label-lg-height
px/rem
label-lg-line-height
label-lg-margin-bottom
px/rem
label-lg-margin-left
px/rem
label-lg-margin-right
px/rem
label-lg-margin-top
px/rem
label-lg-padding-x
px/rem
label-lg-padding-y
px/rem
label-lg-text-transform
label-lg-lexicon-icon-height
px/rem
label-lg-lexicon-icon-margin-top
px/rem
label-lg-lexicon-icon-width
px/rem
Label Primary
label-primary-bg
label-primary-border-color
label-primary-color
label-primary-hover-bg
label-primary-hover-border-color
label-primary-hover-color
label-primary-link-color
label-primary-link-hover-color
Label Secondary
label-secondary-bg
label-secondary-border-color
label-secondary-color
label-secondary-hover-bg
label-secondary-hover-border-color
label-secondary-hover-color
label-secondary-link-color
label-secondary-link-hover-color
Label Success
label-success-bg
label-success-border-color
label-success-color
label-success-hover-bg
label-success-hover-border-color
label-success-hover-color
label-success-link-color
label-success-link-hover-color
Label Info
label-info-bg
label-info-border-color
label-info-color
label-info-hover-bg
label-info-hover-border-color
label-info-hover-color
label-info-link-color
label-info-link-hover-color
Label Warning
label-warning-bg
label-warning-border-color
label-warning-color
label-warning-hover-bg
label-warning-hover-border-color
label-warning-hover-color
label-warning-link-color
label-warning-link-hover-color
Label Danger
label-danger-bg
label-danger-border-color
label-danger-color
label-danger-hover-bg
label-danger-hover-border-color
label-danger-hover-color
label-danger-link-color
label-danger-link-hover-color
Label Light
label-light-bg
label-light-border-color
label-light-color
label-light-hover-bg
label-light-hover-border-color
label-light-hover-color
label-light-link-color
label-light-link-hover-color
Label Dark
label-dark-bg
label-dark-border-color
label-dark-color
label-dark-hover-bg
label-dark-hover-border-color
label-dark-hover-color
label-dark-link-color
label-dark-link-hover-color
alert
badge
Label
Primary
Secondary
Success
Info
Warning
Danger
Label as an Anchor Tag
Primary
Secondary
Success
Info
Warning
Danger
Label Lg
Primary
Secondary
Success
Info
Warning
Danger
Label Lg as an Anchor Tag
Primary
Secondary
Success
Info
Warning
Danger
Label Dismissible
Normal Label
ReallySuperInsanelyJustIncrediblyLongAndTotallyNotPossibleWordButWeAre
Label with Text Truncate
ReallySuperInsanelyJustIncrediblyLongAndTotallyNotPossibleWordButWeAre
alert
badge