less-plugin-dls/test/specs/tag/tag.css

Less plugin for Baidu Light DLS.

div {
  -dls-tag-height-s: 24px;
  -dls-tag-height-m: 28px;
  -dls-tag-border-radius-s: 2px;
  -dls-tag-border-radius-m: 4px;
  -dls-tag-padding: 8px;
  -dls-tag-content-spacing: 8px;
  -dls-tag-list-spacing: 4px;
  -dls-tag-font-size-s: 12px;
  -dls-tag-font-size-m: 14px;
  -dls-tag-icon-size-aux: calc(1em + 2px);
  -dls-tag-color: #545b66;
  -dls-tag-color-selected: #0052cc;
  -dls-tag-color-info: #0052cc;
  -dls-tag-color-success: #00bf5c;
  -dls-tag-color-warning: #ffa733;
  -dls-tag-color-error: #cc1800;
  -dls-tag-font-color-selected: #fff;
  -dls-tag-font-color-reverse: #fff;
  -dls-tag-font-opacity-disabled: 0.3;
  -dls-tag-font-opacity-selected-disabled: 1;
  -dls-tag-font-opacity-reverse-disabled: 1;
  -dls-tag-background-opacity: 0.1;
  -dls-tag-background-opacity-hover: 0.2;
  -dls-tag-background-opacity-active: 0.3;
  -dls-tag-background-opacity-disabled: 0.1;
  -dls-tag-background-opacity-selected: 1;
  -dls-tag-background-opacity-selected-hover: 0.6;
  -dls-tag-background-opacity-selected-active: 0.8;
  -dls-tag-background-opacity-selected-disabled: 0.1;
  -dls-tag-background-opacity-reverse: 1;
  -dls-tag-background-opacity-reverse-hover: 0.6;
  -dls-tag-background-opacity-reverse-active: 0.8;
  -dls-tag-background-opacity-reverse-disabled: 0.1;
  -dls-tag-border-opacity: 0.2;
  -dls-tag-border-opacity-disabled: 0.1;
}