Clay CSS
(
2.1.12
)
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
application bar size
application-bar-size-enabled
application-bar-size-scaling-navbar
application-bar-size-container-padding-x
px/rem
application-bar-size-height
px/rem
application-bar-size-font-size
px/rem
application-bar-size-padding-y
px/rem
application-bar-size-padding-x
px/rem
application-bar-size-border-top-width
px/rem
application-bar-size-border-right-width
px/rem
application-bar-size-border-bottom-width
px/rem
application-bar-size-border-left-width
px/rem
application-bar-size-box-shadow
application bar size Link
application-bar-size-link-height
px/rem
application-bar-size-link-padding-y
px/rem
application-bar-size-link-padding-x
px/rem
application-bar-size-link-margin-y
px/rem
application-bar-size-link-margin-x
px/rem
application bar size Button
application-bar-size-btn-font-size
px/rem
application-bar-size-btn-margin-y
px/rem
application-bar-size-btn-margin-x
px/rem
application-bar-size-btn-monospaced-size
px/rem
application-bar-size-btn-monospaced-font-size
px/rem
application-bar-size-form-control-height
px/rem
application bar size Brand
application-bar-size-brand-max-width
px/rem
application-bar-size-brand-font-size
px/rem
application-bar-size-brand-padding-y
px/rem
application-bar-size-brand-padding-x
px/rem
application-bar-size-brand-margin-right
px/rem
application bar size Title
application-bar-size-title-font-size
px/rem
application-bar-size-title-font-weight
application-bar-size-title-margin-bottom
px/rem
application-bar-size-title-text-transform
application bar size Active
application-bar-size-active-border-bottom-width
px/rem
application-bar-size-active-border-offset-x
px/rem
application bar size Dropdown
application-bar-size-nav-item-dropdown-margin-top
px/rem
application bar size Mobile
application-bar-size-container-padding-x-mobile
px/rem
application-bar-size-height-mobile
px/rem
application-bar-size-font-size-mobile
application bar size Link Mobile
application-bar-size-link-height-mobile
px/rem
application-bar-size-link-padding-y-mobile
px/rem
application-bar-size-link-padding-x-mobile
px/rem
application-bar-size-link-margin-y-mobile
px/rem
application-bar-size-link-margin-x-mobile
px/rem
application bar size Btn Mobile
application-bar-size-btn-font-size-mobile
application-bar-size-btn-margin-y-mobile
px/rem
application-bar-size-btn-margin-x-mobile
px/rem
application bar size Btn Monospaced Mobile
application-bar-size-btn-monospaced-size-mobile
px/rem
application-bar-size-btn-monospaced-font-size-mobile
application-bar-size-form-control-height-mobile
px/rem
application bar size Brand Mobile
application-bar-size-brand-font-size-mobile
application-bar-size-brand-margin-right-mobile
px/rem
application-bar-size-brand-padding-y-mobile
px/rem
application-bar-size-brand-padding-x-mobile
px/rem
application bar size Collapse Mobile
application-bar-size-collapse-dropdown-item-padding-y-mobile
px/rem
application-bar-size-collapse-dropdown-item-padding-x-mobile
px/rem
application bar size Toggler Mobile
application-bar-size-toggler-height
px/rem
application-bar-size-toggler-font-size
px/rem
application-bar-size-toggler-padding-y
px/rem
application-bar-size-toggler-padding-x
px/rem
application-bar-size-toggler-margin-y
px/rem
application-bar-size-toggler-margin-x
px/rem
application bar size Toggler Link Mobile
application-bar-size-toggler-link-height
px/rem
application-bar-size-toggler-link-font-size
px/rem
application-bar-size-toggler-link-line-height
application-bar-size-toggler-link-padding-y
px/rem
application-bar-size-toggler-link-padding-x
px/rem
application-bar-size-toggler-link-margin-y
px/rem
application-bar-size-toggler-link-margin-x
px/rem
application bar dark
application-bar-dark-enabled
application-bar-dark-bg
application-bar-dark-border-color
application-bar-dark-border-style
application-bar-dark-color
application bar dark Link
application-bar-dark-link-border-radius
px/rem
application-bar-dark-link-bg
application-bar-dark-link-color
application-bar-dark-link-font-weight
application-bar-dark-link-hover-bg
application-bar-dark-link-hover-color
application-bar-dark-link-active-bg
application-bar-dark-link-active-color
application-bar-dark-link-disabled-bg
application-bar-dark-link-disabled-color
application-bar-dark-link-disabled-opacity
application bar dark Btn
application-bar-dark-btn-font-weight
application bar dark Brand
application-bar-dark-brand-color
application-bar-dark-brand-hover-color
application-bar-dark-brand-bg
application-bar-dark-brand-hover-bg
application bar dark Toggler Mobile
application-bar-dark-toggler-color
application-bar-dark-toggler-font-weight
application bar dark Underline
application-bar-dark-underline-active-bg
navbar
navbar management bar
Application Bar
My Application Name
Action
Another action
Something else here
Separated link
Application Bar with Buttons
My Application Name
Action
Another action
Something else here
Separated link
Application Bar with Many Different Button Tags
Add
Remove
Add
Application Bar with Many Different Anchor Tags
Add
Remove
Add
navbar
navbar management bar