UCI

Tag: Error 

<div class="tag error">
    <span class="caption-label">Tag</span>
</div>
 
<div class="tag{{#if pending}} pending{{/if}}{{#if progress}} progress{{/if}}{{#if success}} success{{/if}}{{#if rejected}} rejected{{/if}}{{#if error}} error{{/if}}">
    {{> @caption caption }}
</div>
 
{
  "caption": {
    "text": "Tag",
    "type": "-label"
  },
  "error": true
}
  • Content: 
    .tag {
    display: inline-block;
    padding: 0 10px;
    background-color: var(--color-background-disabled);
    color: var(--color-text);
    &.pending{
        background-color: var(--color-background-disabled);
        color: var(--color-text);
    }
    &.progress{
        background-color: var(--color-background-accent);
        color: var(--color-text-accent);
    }
    &.success{
        background-color: var(--color-border-success);
        color: var(--color-text);
    }
    &.rejected{
        background-color: var(--color-background-accent-bolder);
        color: var(--color-text-inverse);
    }
    &.error{
        background-color: var(--color-border-error);
        color: var(--color-text-inverse);
    }
}
  • URL: /components/raw/tag/tag.css
  • Filesystem Path: src/01-atoms/tag/tag.css
  • Size: 731 Bytes

No notes defined.