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
Multi Step Nav
multi-step-nav-padding-y
px/rem
multi-step-nav-padding-x
px/rem
multi-step-nav-margin-bottom
px/rem
Multi Step Icon
multi-step-icon-size
px/rem
multi-step-icon-font-size
px/rem
multi-step-icon-font-weight
multi-step-icon-border-radius
px/rem
multi-step-icon-color
multi-step-icon-bg
Multi Step Icon Hover
multi-step-icon-hover-color
multi-step-icon-hover-bg
multi-step-icon-hover-text-decoration
Multi Step Divider
multi-step-divider-height
px/rem
multi-step-divider-spacer-x
px/rem
multi-step-divider-bg
multi-step-divider-top
px/rem
Multi Step Indicator
multi-step-indicator-width
px/rem
Multi Step Indicator Label
multi-step-indicator-label-max-width
px/rem
multi-step-indicator-label-font-size
px/rem
multi-step-indicator-label-font-weight
multi-step-indicator-label-color
Multi Step Title
multi-step-title-max-width
px/rem
multi-step-title-font-size
px/rem
multi-step-title-font-weight
multi-step-title-margin-bottom
px/rem
multi-step-title-color
Multi Step Item
multi-step-item-width
px/rem
multi-step-item-margin-bottom
px/rem
Multi Step Item Fixed Width
multi-step-item-fixed-width
px/rem
Multi Step Item Complete
multi-step-icon-complete-color
multi-step-icon-complete-bg
multi-step-icon-complete-bg-size
multi-step-icon-complete-bg-position
px/rem
multi-step-icon-complete-bg-image
multi-step-divider-complete-bg
multi-step-dropdown-indicator-complete-width
px/rem
multi-step-dropdown-indicator-complete-icon
Multi Step Item Active
multi-step-icon-active-bg-size
multi-step-icon-active-bg-position
px/rem
multi-step-icon-active-color
multi-step-icon-active-bg
multi-step-icon-active-bg-image
multi-step-divider-active-bg
Multi Step Item Disabled
multi-step-icon-disabled-bg-size
multi-step-icon-disabled-bg-position
px/rem
multi-step-icon-disabled-color
multi-step-icon-disabled-bg
multi-step-icon-disabled-cursor
multi-step-icon-disabled-bg-image
multi-step-divider-disabled-bg
multi-step-title-disabled-color
multi-step-indicator-label-disabled-color
progress bar
sheet
Multi Step Nav
1. Step One
2. Step Two
Step 01
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
Step 09
Step 10
01
02
03
04
05
06
07
Multi Step Nav Fixed Width Items
Ticket Buyer Information
01
Attendee Information
02
Seat Assignment
03
Dinner Preference
04
Submit Payment
05
Multi Step Nav Collapse (sm, md, lg, xl)
Step 01
Step 02
Step 03
Step 04
Step 05
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
Step 09
Step 10
Ticket Buyer Information
Step 01
Attendee Information
Step 02
Seat Assignment
Step 03
Dinner Preference
Step 04
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
Payment Information
Step 09
Step 10
With Button Tags
Step 01
Step 02
Step 03
Step 04
Step 05
5. Step Five
6. Step Six
7. Step Seven
8. Step Eight
Step 09
Step 10
progress bar
sheet