@neu-ui/web-components/dist/src/components/label/label.styles.es.js

A Neumorphic web component library built with @microsoft/fast-element and Vite using javascript

import { css as e } from "@microsoft/fast-element";
import { styles as t } from "../../styles/styles.es.js";
import { neumorphicLightStyles as i } from "../../styles/neu-ui-light.es.js";
import { neumorphicDarkStyles as o } from "../../styles/neu-ui-dark.es.js";
const a = e`
  ${t}
  ${i}
  ${o}

  :not(:defined) {
    visibility: hidden;
  }

  :host {
    display: inline-flex;
    position: relative;
    width: auto;
    cursor: pointer;
  }

  :host .label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    font-family: var(--font-family);
    line-height: var(--line-height);
    color: var(--color);
    cursor: pointer;
  }

  :host .label[disabled] {
    cursor: not-allowed;
    opacity: 0.6;
  }

  /* Size Style */
  :host .label[size="s"] {
    font-size: var(--font-size-small);
  }

  :host .label[size="l"] {
    font-size: var(--font-size-large);
  }
`;
export {
  a as styles
};