Icard/angular-clarity-master(work.../node_modules/@clr/icons/clr-icons.css

169 lines
4.4 KiB
CSS
Raw Normal View History

2024-07-16 14:55:36 +00:00
clr-icon {
display: inline-block;
margin: 0;
height: 16px;
width: 16px;
vertical-align: middle;
fill: currentColor;
}
clr-icon .transparent-fill-stroke {
stroke: currentColor;
}
clr-icon.is-green, clr-icon.is-success {
fill: #2e8500;
}
clr-icon.is-green .transparent-fill-stroke, clr-icon.is-success .transparent-fill-stroke {
stroke: #2e8500;
}
clr-icon.is-red, clr-icon.is-danger, clr-icon.is-error {
fill: #e02200;
}
clr-icon.is-red .transparent-fill-stroke, clr-icon.is-danger .transparent-fill-stroke, clr-icon.is-error .transparent-fill-stroke {
stroke: #e02200;
}
clr-icon.is-warning {
fill: #c27b00;
}
clr-icon.is-warning .transparent-fill-stroke {
stroke: #c27b00;
}
clr-icon.is-blue, clr-icon.is-info {
fill: #0077b8;
}
clr-icon.is-blue .transparent-fill-stroke, clr-icon.is-info .transparent-fill-stroke {
stroke: #0077b8;
}
clr-icon.is-white, clr-icon.is-inverse {
fill: white;
}
clr-icon.is-white .transparent-fill-stroke, clr-icon.is-inverse .transparent-fill-stroke {
stroke: white;
}
clr-icon.is-highlight {
fill: #0077b8;
}
clr-icon.is-highlight .transparent-fill-stroke {
stroke: #0077b8;
}
clr-icon[shape$=" up"] svg, clr-icon[dir=up] svg {
transform: rotate(0deg);
}
clr-icon[shape$=" down"] svg, clr-icon[dir=down] svg {
transform: rotate(180deg);
}
clr-icon[shape$=" right"] svg, clr-icon[dir=right] svg {
transform: rotate(90deg);
}
clr-icon[shape$=" left"] svg, clr-icon[dir=left] svg {
transform: rotate(270deg);
}
clr-icon[flip=horizontal] svg {
transform: scale(-1) rotateX(180deg);
}
clr-icon[flip=vertical] svg {
transform: scale(-1) rotateY(180deg);
}
clr-icon .clr-i-badge {
fill: #e02200;
}
clr-icon .clr-i-badge .transparent-fill-stroke {
stroke: #e02200;
}
clr-icon > * {
height: 100%;
width: 100%;
display: block;
pointer-events: none;
}
clr-icon > svg {
transition: inherit;
}
clr-icon > svg title {
display: none;
}
clr-icon .clr-i-solid,
clr-icon .clr-i-solid--badged,
clr-icon .clr-i-solid--alerted {
display: none;
}
clr-icon .clr-i-outline--alerted:not(.clr-i-outline),
clr-icon .clr-i-outline--badged:not(.clr-i-outline) {
display: none;
}
clr-icon[class*=has-alert] .can-alert .clr-i-outline--alerted {
display: block;
}
clr-icon[class*=has-alert] .can-alert .clr-i-outline:not(.clr-i-outline--alerted) {
display: none;
}
clr-icon[class*=has-badge] .can-badge .clr-i-outline--badged {
display: block;
}
clr-icon[class*=has-badge] .can-badge .clr-i-outline:not(.clr-i-outline--badged) {
display: none;
}
clr-icon.is-solid .has-solid .clr-i-solid {
display: block;
}
clr-icon.is-solid .has-solid .clr-i-outline,
clr-icon.is-solid .has-solid .clr-i-outline--badged {
display: none;
}
clr-icon.is-solid .has-solid .clr-i-solid--alerted:not(.clr-i-solid),
clr-icon.is-solid .has-solid .clr-i-solid--badged:not(.clr-i-solid) {
display: none;
}
clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-solid--badged {
display: block;
}
clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-outline,
clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-outline--badged,
clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-solid:not(.clr-i-solid--badged) {
display: none;
}
clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-solid--alerted {
display: block;
}
clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-outline,
clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-outline--alerted,
clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-solid:not(.clr-i-solid--alerted) {
display: none;
}
clr-icon.has-badge--success .clr-i-badge {
fill: #2e8500;
}
clr-icon.has-badge--success .clr-i-badge .transparent-fill-stroke {
stroke: #2e8500;
}
clr-icon.has-badge--error .clr-i-badge {
fill: #e02200;
}
clr-icon.has-badge--error .clr-i-badge .transparent-fill-stroke {
stroke: #e02200;
}
clr-icon.has-badge--info .clr-i-badge {
fill: #0077b8;
}
clr-icon.has-badge--info .clr-i-badge .transparent-fill-stroke {
stroke: #0077b8;
}
clr-icon.has-alert .clr-i-alert {
fill: #c27b00;
}
clr-icon.has-alert .clr-i-alert .transparent-fill-stroke {
stroke: #c27b00;
}
clr-icon .is-off-screen {
position: fixed !important;
border: none !important;
height: 1px !important;
width: 1px !important;
left: 0px !important;
top: -1px !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 0 -1px 0 !important;
}
/*# sourceMappingURL=clr-icons.css.map */