39 lines
670 B
CSS
39 lines
670 B
CSS
[data-component="icon"] {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
/* resize: both; */
|
|
aspect-ratio: 1/1;
|
|
color: var(--icon-base);
|
|
|
|
&[data-size="small"] {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
&[data-size="normal"] {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
&[data-size="medium"] {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
&[data-size="large"] {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
[data-slot="icon-svg"] {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
:dir(rtl) [data-component="icon"][data-directional] [data-slot="icon-svg"],
|
|
:dir(rtl) [data-slot="menu-v2-item-chevron"] {
|
|
transform: scaleX(-1);
|
|
}
|