@clayui/icon
Advanced tools
Changelog
3.111.0 (2024-02-15)
Changelog
3.106.0 (2023-10-25)
<use href=""/>
element in svg (02a2d19)clay-sidebar-variant
adds more sub-components (efe43c3)Changelog
3.56.0 (2022-05-09)
$alert-*-level
variables (4e04372)clay-range-input
convert to use newer keys (0666c44)$table-*-level
variables (b64bdb5)Changelog
3.40.0 (2021-11-17)
atlas-variables.scss
and base-variables.scss
should be Sass partials. The CSS equivalent shouldn't be created since these files are only meant to be consumed by .scss
files. (5aaa87e).c-kbd-group > .c-kbd
, .c-kbd-group-sm > .c-kbd
, and .c-kbd-group-lg > .c-kbd
from their respective Sass map variables (5a9ad67), closes #4367clay-card-variant
instead of deprecated mixins to generate styles for .card-type-asset
, .image-card
, .user-card
, .card-type-directory
(7a8b6f7).btn
and .form-control
z-index styles to input-group-prepend
and input-group-append
. Input Groups input disappears when focused inside a modal with iframe. (07f17ce)clay-card-variant
instead of deprecated mixins to generate styles for .card-type-asset
, .image-card
, .user-card
, .card-type-directory
(e244162)$lexicon-icon
, $lexicon-icon-sm
, $lexicon-icon-lg
, $lexicon-icon-xl
Sass maps (efe1b80).btn
and .form-control
z-index styles to input-group-prepend
and input-group-append
. Input Groups input disappears when focused inside a modal with iframe. (64bd8c8)clay-label-variant
hover and focus keys should be nested in href
. The values are output for the selectors .label[href]
, .label[type]
, and .label[tabindex]
. (c9e6442), closes #4383clay-card-variant
adds option to output styles for: (c3e4149)clay-card-variant
adds options to configure &.hover
, &.focus
, and &:disabled, &.disabled
(16affad)clay-card-variant
inlines the setter
's that aren't providing any mapping from old keys to new keys (f0627a8)clay-card-variant
moves the selector &.card, .card
(b2f0f19)clay-card-variant
should be able to output selectors for clay-card-type-asset-variant
, but removes the default values generated in clay-card-type-asset-variant
so it doesn't pollute the final CSS with unused rule-sets. (7bb6050)clay-card-variant
should be able to output selectors for clay-card-type-asset
, but removes the default values generated in clay-card-type-asset
so it doesn't pollute the final CSS with unused rule-sets. (0a3bba0)clay-css
should generate will-change
property (b176c5b)clay-dropdown-item-variant
adds option to output styles for ::before
and ::after
pseudo elements for default, hover, focus, active, .active, and disabled states (8369276), closes #4403clay-label-variant
target [tabindex] instead of [tabindex="0"] so styles still apply when an element is disabled with negative tabindex (734470e)clay-link
changes [@at-root](https://github.com/at-root) { button#{&} { :focus {} } }
to &[type]:focus
this causes issues for compound selectors. It will generate button.a .compound-selector
instead of .a button.compound-selector
. This fix targets the type
attribute which should be on every button element. (5ca9e6d)clay-link
to use newer property names and nesting (d6a25df).alert-fluid
to use clay-alert-variant
mixin (15f9355).alert-fluid
to use clay-alert-variant
mixin (3f3f34e)$cadmin-dropdown-menu
and generate styles for .dropdown-menu
using clay-dropdown-menu-variant
(bbc031a).dropdown-toggle
, .dropdown-subheader
, .dropdown-caption
, .dropdown-item-text
, .dropdown-section
, .dropdown-divider
, .dropdown-action
, and dropdown-menu positional utilities to use Sass maps instead of variables (1f11eba)$dropdown-menu
Sass map and generate properties using it (a0d2382).dropdown-toggle
, .dropdown-subheader
, .dropdown-caption
, .dropdown-item-text
, .dropdown-section
, .dropdown-divider
, .dropdown-action
, and dropdown-menu positional utilities to use Sass maps instead of variables (0cb1ce7).form-fieldset
and .form-legend
to provide alternative fieldset and legend styles without overriding all fieldset
and legend
elements (3fc7449)clay-alert-variant
adds option to pass in styles to &.alert-dismissible
, &.alert-dismissible .container-fluid
, .alert-indicator .lexicon-icon
, and .container-fluid
(807c612)clay-css
if parameter is not type map don't do anything (b994e78)clay-dropdown-menu-variant
add customizing &::before
, &::after
, and &.show
(57903de)clay-link
and clay-button-variant
adds option to customize inline-item
, inline-item-before
, inline-item-middle
and inline-item-after
in default, hover, focus, active, active-class, and disabled states. (84fb0d0), closes #4413fieldset
and legend
styles in Sass maps $fieldset
and $legend
(92e8254)Changelog
3.39.0 (2021-10-29)
clay-div
a function that uses /
as a division operation if the function div()
does not exist (87aec12)$dropdown-item-base
keys to newer nested keys pattern and remove duplicate $dropdown-item-base
(6fc1833)/ 2
to * 0.5
as work around for dart-sass
deprecation message (aa74003)/
to multiplication as work around for dart-sass
deprecation message (f9948ec)dropdown-menu::after
padding hack for Firefox. This is no longer an issue. (54a0b08)$dropdown-item-base
keys to newer nested keys pattern (502ea21)clay-dropdown-item-variant
update to accept newer nested keys pattern and deprecate keys: (bcc0e89)clay-dropdown-menu-variant
removes dropdown-menu::after
padding hack for Firefox (a7e2c18)calc()
for calculating widths and sizes instead of Sass division /
and don't use Sass percentage function (1b2e127)yarn develop
command of the clayui.com (fa0d8c0)heading
, maps
, order-ascending
and order-descending
SVG icons and update geolocation
SVG icon (319f37f)custom-control
, custom-checkbox
, and custom-radio
convert to using Sass map pattern (c8826b2)$cadmin-sticker-sizes
Sass map to generate sticker sizes and use Sass placeholders for sticker sizes for easier extends (2630c54)custom-control
, custom-checkbox
, and custom-radio
convert to using Sass map pattern (d60970d)clay-sticker-variant
expand mixin to include most use cases in Clay and make it compatible with deprecated clay-sticker-size
mixin (3e703ed)clay-custom-control-input-variant
and clay-custom-control-variant
mixins (3060c0b)clay-label-variant
to provide selectors that are generated by clay-label-size
(deprecated) and conver to using new Sass map key pattern while still supporting older key names (c0c9a1c)$sticker-sizes
Sass map to generate sticker sizes and use Sass placeholders for sticker sizes for easier extends (2da3013)clay-sticker-variant
and clay-css
mixins for more customizability (f8adb74)sizing
API to Select component (2c7848d)heading
, maps
, order-ascending
, order-descending
and geolocation
SVG icons (a34f3be)