Contents

.badge {
  background-color: var(--badge-background, var(--color-primary));
  border-radius: var(--rounded-full);
  border-width: var(--badge-border-width, 0);
  color: var(--badge-color, var(--color-text-reversed));
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  padding: var(--size-0_5) var(--size-2_5);
}

.badge--secondary {
  --badge-background: var(--color-secondary);
  --badge-color: var(--color-text);
}

.badge--outline {
  --badge-background: transparent;
  --badge-color: var(--color-text);
  --btn-border-width: var(--border);
}

.badge--positive {
  --badge-background: var(--color-positive);
  --badge-color: white;
}

.badge--negative {
  --badge-background: var(--color-negative);
  --badge-color: white;
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version	Path
css-zero-0.0.17	lib/generators/css_zero/add/templates/app/assets/stylesheets/badge.css
css-zero-0.0.16	lib/generators/css_zero/add/templates/app/assets/stylesheets/badge.css
css-zero-0.0.15	lib/generators/css_zero/add/templates/app/assets/stylesheets/badge.css
css-zero-0.0.14	lib/generators/css_zero/add/templates/app/assets/stylesheets/badge.css
css-zero-0.0.13	lib/generators/css_zero/add/templates/app/assets/stylesheets/badge.css
css-zero-0.0.12	lib/generators/css_zero/add/templates/app/assets/stylesheets/badge.css
css-zero-0.0.11	lib/generators/css_zero/add/templates/app/assets/stylesheets/badge.css