2 lines
3.9 KiB
CSS
2 lines
3.9 KiB
CSS
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:#fff}clr-icon.is-white .transparent-fill-stroke,clr-icon.is-inverse .transparent-fill-stroke{stroke:#fff}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:0!important;height:1px!important;width:1px!important;left:0!important;top:-1px!important;overflow:hidden!important;padding:0!important;margin:0 0 -1px 0!important}
|
|
/*# sourceMappingURL=clr-icons.min.css.map */ |