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
Breadcrumb
Sets `font-size` on `.breadcrumb-item`.
breadcrumb-font-size
px/rem
Sets `font-weight` on `.breadcrumb-item`.
breadcrumb-font-weight
Sets `padding-top` and `padding-bottom` on `.breadcrumb`.
breadcrumb-padding-y
px/rem
Sets `padding-left` and `padding-right` on `.breadcrumb.
breadcrumb-padding-x
px/rem
Sets `margin-bottom` on `.breadcrumb`.
breadcrumb-margin-bottom
px/rem
Sets `border-radius` on `.breadcrumb`.
breadcrumb-border-radius
px/rem
Sets `background-color` on `.breadcrumb`.
breadcrumb-bg
Sets `text-transform` on `.breadcrumb-link` and `.breadcrumb-item > span`.
breadcrumb-text-transform
Breadcrumb Item
Sets `padding-left` on `.breadcrumb-item + .breadcrumb-item`. This is broken don't use it.
breadcrumb-item-padding
px/rem
Breadcrumb Link
breadcrumb-link-color
breadcrumb-link-text-decoration
breadcrumb-link-hover-color
breadcrumb-link-hover-text-decoration
Breadcrumb Active
breadcrumb-active-font-weight
breadcrumb-active-color
Breadcrumb Text Truncate
breadcrumb-text-truncate-max-width
px/rem
breadcrumb-text-truncate-icon-spacer-x
px/rem
breadcrumb-text-truncate-max-width-mobile
px/rem
Breadcrumb Divider
breadcrumb-divider-svg-icon-width
px/rem
breadcrumb-divider-svg-icon-height
px/rem
Sets the SVG icon to use as the breadcrumb divider. The value should be entered as `clay-icon(LEXICON_ICON_NAME, COLOR)` or using `clay-svg-url(THE_SVG)`. Set this to `false` and use `breadcrumb-divider` to use a character as the divider.
breadcrumb-divider-svg-icon
breadcrumb-divider-font-family
breadcrumb-divider-font-weight
breadcrumb-divider-color
The character to use as the breadcrumb divider, must be wrapped in double quotes. Set `breadcrumb-divider-svg-icon to `false` before applying this.
breadcrumb-divider
button
card
Breadcrumb
Home
Components
Breadcrumbs and Paginations
Page
ReallySuperInsanelyJustIncrediblyLongAndTotallyNotPossibleWordButWeAreReallyTryingToCoverAllOurBasesHereJustInCaseSomeoneIsNutsAsPerUsual
Active
Home
Components
Breadcrumbs and Paginations
Page
ReallySuperInsanelyJustIncrediblyLongAndTotallyNotPossibleWordButWeAreReallyTryingToCoverAllOurBasesHereJustInCaseSomeoneIsNutsAsPerUsual
Active
button
card