@coreui/icons-react
Version:
Official React component for CoreUI Icons
91 lines (78 loc) • 1.74 kB
CSS
.icon {
display: inline-block;
color: inherit;
text-align: center;
fill: currentColor;
}
.icon:not(.icon-c-s):not(.icon-custom-size) {
width: 1rem;
height: 1rem;
font-size: 1rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-xxl {
width: 2rem;
height: 2rem;
font-size: 2rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl {
width: 3rem;
height: 3rem;
font-size: 3rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl {
width: 4rem;
height: 4rem;
font-size: 4rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl {
width: 5rem;
height: 5rem;
font-size: 5rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl {
width: 6rem;
height: 6rem;
font-size: 6rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl {
width: 7rem;
height: 7rem;
font-size: 7rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl {
width: 8rem;
height: 8rem;
font-size: 8rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl {
width: 9rem;
height: 9rem;
font-size: 9rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-xl {
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-lg {
width: 1.25rem;
height: 1.25rem;
font-size: 1.25rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-sm {
width: 0.875rem;
height: 0.875rem;
font-size: 0.875rem;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute ;
width: 1px ;
height: 1px ;
padding: 0 ;
margin: -1px ;
overflow: hidden ;
clip: rect(0,0,0,0) ;
white-space: nowrap ;
border: 0 ;
}