Tag

Overview

Basic tag

<span class="tag">New</span>

Files

https://github.com/davidbrooksio/cwf-lite/blob/master/style/modules/tag.css

• Directorystyle

  • Directorymodules

    • tag.css

Stylesheet

@layer cwf-modules {
  .tag {
    align-items: var(--tag-align-items, center);
    display: var(--tag-display, inline-flex);
    justify-content: var(--tag-justify-content, center);
    background: var(--tag-background, WhiteSmoke);
    border-color: var(--tag-border-color, LightGrey);
    border-radius: var(--tag-border-radius, var(--size-2));
    border-style: var(--tag-border-style, solid);
    border-width: var(--tag-border-width, 1px);
    color: var(--tag-color, inherit);
    font-size: var(--tag-font-size, 11px);
    font-weight: var(--tag-font-weight, 400);
    line-height: var(--tag-line-height, 1);
    text-align: var(--tag-text-align, center);
    white-space: var(--tag-white-space, nowrap);
    gap: var(--tag-gap, var(--size-2));
    padding: var(--tag-padding-top, 0) var(--tag-padding-right, var(--size-3))
      var(--tag-padding-bottom, 0) var(--tag-padding-left, var(--size-3));
    min-height: var(--tag-min-height, 1rem);
    min-width: var(--tag-min-width, 1rem);
    user-select: var(--tag-user-select, none);
    vertical-align: var(--tag-vertical-align, middle);
  }
}