Clay CSS
(
2.4.1
)
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
Input
input-height
px/rem
input-font-size
px/rem
input-padding-y
px/rem
input-padding-x
px/rem
input-line-height
input-border-width
px/rem
input-border-top-width
px/rem
input-border-right-width
px/rem
input-border-bottom-width
px/rem
input-border-left-width
px/rem
input-border-style
input-border-color
input-border-radius
px/rem
input-color
input-bg
input-box-shadow
input-transition
input-placeholder-color
input-height-mobile
px/rem
input-font-size-mobile
Input Focus
input-focus-width
px/rem
input-focus-border-color
input-focus-color
input-focus-bg
input-focus-box-shadow
input-placeholder-focus-color
Input Disabled
input-disabled-border-color
input-disabled-color
input-disabled-bg
input-disabled-cursor
input-disabled-opacity
input-placeholder-disabled-color
Input Label
input-label-font-size
px/rem
input-label-font-weight
input-label-margin-bottom
px/rem
input-label-color
input-label-for-cursor
input-label-font-size-mobile
Input Label Focus
input-label-focus-color
Input Label Disabled
input-label-disabled-color
input-label-disabled-cursor
Input Label Reference Mark
input-label-reference-mark-font-size
px/rem
input-label-reference-mark-spacer
px/rem
input-label-reference-mark-color
input-label-reference-mark-vertical-align
Select
input-select-padding-top
px/rem
input-select-padding-right
px/rem
input-select-padding-bottom
px/rem
input-select-padding-left
px/rem
Sets the `background-color` on `select.form-control`.
input-select-bg
Sets the `background-size` on `select.form-control`.
input-select-bg-size
input-select-cursor
Sets the `background-position` on `select.form-control`.
input-select-bg-position
px/rem
input-select-icon-color
Sets the `background-image` on `select.form-control`.
input-select-icon
Select Focus
input-select-icon-focus-color
Sets the `background-color` on `select.form-control:focus`.
input-select-focus-bg
Sets the `background-image` on `select.form-control:focus`.
input-select-icon-focus
Select Disabled
input-select-icon-disabled-color
Sets the `background-image` on `select.form-control:disabled`.
input-select-icon-disabled
Textarea
input-textarea-height
px/rem
Checkbox and Radio
form-check-input-cursor
form-check-input-gutter
px/rem
form-check-input-margin-y
px/rem
form-check-input-margin-x
px/rem
Checkbox and Radio Label
form-check-label-text-padding-left
px/rem
form-check-label-text-margin-left
px/rem
form-check-label-cursor
Checkbox and Radio Disabled
form-check-input-disabled-cursor
form-check-label-text-disabled-cursor
Inline Checkbox and Radio
form-check-inline-margin-x
px/rem
form-check-inline-input-margin-x
px/rem
Input File
input-file-cursor
Readonly
input-readonly-border-color
input-readonly-color
input-readonly-bg
input-readonly-cursor
Readonly Focus
input-readonly-focus-border-color
input-readonly-focus-color
input-readonly-focus-bg
Input Sm
input-height-sm
px/rem
input-font-size-sm
px/rem
input-padding-y-sm
px/rem
input-padding-x-sm
px/rem
input-line-height-sm
input-border-radius-sm
px/rem
input-height-sm-mobile
px/rem
input-font-size-sm-mobile
px/rem
Input Lg
input-height-lg
px/rem
input-font-size-lg
px/rem
input-padding-y-lg
px/rem
input-padding-x-lg
px/rem
input-line-height-lg
input-border-radius-lg
px/rem
input-height-lg-mobile
px/rem
input-font-size-lg-mobile
px/rem
Form Group
form-group-margin-bottom
px/rem
form-group-margin-bottom-mobile
px/rem
Form Group Autofit
form-group-autofit-margin-bottom
px/rem
form-group-item-label-max-width
px/rem
form-group-item-label-spacer
px/rem
dropdown
input custom
Form Elements
Sheet Subtitle
Text
Password
Url
Tel
Email
Search
Number
Range
Form Element Sizes
Small text input
Normal text input
Large text input
Select Element
Regular Select Element
Sample 1
Sample 2
Sample 3
Sample 4
Select Element with Multiple Select Options
Sample 1
Sample 2
Sample 3
Sample 4
Sample 5
Sample 6
Sample 7
Sample 8
Textarea
Textarea
Checkbox (Browser Default)
Label
Disabled Check Box
1
2
3
Radio (Browser Default)
Label
Disabled Radio Button
1
2
3
File Upload
FILE UPLOAD
Disabled Inputs
Text Input
Password Input
Textarea
Plunger pot, extra siphon latte
Select Element
Sample 1
Sample 2
Sample 3
Sample 4
Select Element with Multiple Select Options
Sample 1
Sample 2
Sample 3
Sample 4
Sample 5
Sample 6
Sample 7
Sample 8
Disabled Fieldset
Use fieldset to group related elements in a form and ReallySuperInsanelyJustIncrediblyLongAndTotallyNotPossibleWordButWeAreReallyTryingToCoverAllOurBasesHereJustInCaseSomeoneIsNutsAsPerUsual
Disabled Input
Disabled Select Element
Sample 1
Sample 2
Sample 3
Sample 4
Disabled Checkbox
Disabled Radio
Submit
Readonly Inputs
Text Input (Read Only)
Read Only Plaintext
Textarea (Read Only)
Plunger pot, extra siphon latte, as americano aromatic roast cultivar cup cup frappuccino. To go, strong, half and half foam single origin, cultivar affogato black grounds shop ut plunger pot. Con panna aroma, pumpkin spice to go, wings, aromatic single shot, aged single shot to go extraction java. Percolator americano at cultivar grinder est java percolator plunger pot shop con panna.
Autocomplete Text Field
Rob
ert Downey Jr.
Rob
ert Plant
Rob
ert Baratheon
Rob
ert De Niro
Search Field
ele
ctric toothbrush
ele
ctric kettle
ele
ctric razor
ele
ctrodes for tents
dropdown
input custom