igniteui-webcomponents/components/button/themes/icon-button/icon-button.base.css.js

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { css } from 'lit';
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;
//# sourceMappingURL=icon-button.base.css.js.map