@chassis/core/src/lib/components/anchor.js

CSS4 pre-processor and responsive framework for modern UI development

export default `@component anchor {
  @selector a;
  @reset inline;

  @state link {
    @selector &:link;
  }

  @state visited {
    @selector &:visited;
  }

  @state hover {
    @selector &:hover, &.hover;
  }

  @state active {
    @selector &:active;
  }

  @state disabled {
    @selector &:disabled;

    pointer-events: none;
    cursor: not-allowed;
  }

  @state empty {
    @selector &:empty;
  }

  @state enabled {
    @selector &:enabled;
  }

  @state focus {
    @selector &:focus;
  }

  @state focus-within {
    @selector &:focus-within;
  }
}`