@alaskaairux/auro-icon
Version:
Auro custom auro-icon element
4 lines (3 loc) • 1.7 kB
JavaScript
import {css} from 'lit-element';
export default css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:inline-block;line-height:unset}:host .primary{color:var(--auro-color-icon-primary-on-light)}:host .emphasis{color:var(--auro-color-icon-emphasis-on-light)}:host .accent{color:var(--auro-color-icon-accent-on-light)}:host .disabled{color:var(--auro-color-icon-disabled-on-light)}:host .error{color:var(--auro-color-alert-error-on-light)}:host .success{color:var(--auro-color-alert-success-on-light)}:host .advisory{color:var(--auro-color-alert-advisory-on-light)}:host .warning{color:var(--auro-color-alert-warning-on-light)}:host([onDark]) .logo{color:var(--auro-color-base-white)}:host([onDark]) .primary{color:var(--auro-color-icon-primary-on-dark)}:host([onDark]) .emphasis{color:var(--auro-color-icon-emphasis-on-dark)}:host([onDark]) .accent{color:var(--auro-color-icon-accent-on-dark)}:host([onDark]) .disabled{color:var(--auro-color-icon-disabled-on-dark)}:host([onDark]) .error{color:var(--auro-color-alert-error-on-dark)}:host([onDark]) .success{color:var(--auro-color-alert-success-on-dark)}:host([onDark]) .advisory{color:var(--auro-color-alert-advisory-on-dark)}:host([customSize]){--auro-size-lg: 100%;width:100%;height:100%}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--auro-size-xxs)}
`;