Sha256: 3b4e9052e8ee084060396222afe24cf676440a3ab9bed876ba28c44fed2c5138

Contents?: true

Size: 1.95 KB

Versions: 21

Compression:

Stored size: 1.95 KB

Contents

/* Labels */

/* Provide a wrapper to ensure labels stick together */
.labels {
  position: relative;
}

/* Default 20px */

.label, /* TODO: Deprecate */
.Label {
  display: inline-block;
  padding: 0 7px;
  font-size: var(--primer-text-body-size-small, 12px);
  font-weight: var(--base-text-weight-medium, 500);
  line-height: 18px;
  white-space: nowrap;
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
  border-radius: 2em;

  &:hover {
    text-decoration: none;
  }
}

/* Large 24px */

.Label--large {
  padding-right: 10px;
  padding-left: 10px;
  line-height: 22px;
}

/* Inline */

/* Doesn't increase height of parent element
** Can be used with different font-sizes */
.Label--inline {
  display: inline;
  padding: 0.12em 0.5em;
  font-size: 85%;
}

/* Contrast */

.Label--primary {
  color: var(--color-fg-default);
  border-color: var(--color-neutral-emphasis);
}

.Label--secondary {
  color: var(--color-fg-muted);
  border-color: var(--color-border-default);
}

/* Colors */

.Label--info, /* TODO: deprecate */
.Label--accent {
  color: var(--color-accent-fg);
  border-color: var(--color-accent-emphasis);
}

.Label--success {
  color: var(--color-success-fg);
  border-color: var(--color-success-emphasis);
}

.Label--warning, /* TODO: deprecate */
.Label--attention {
  color: var(--color-attention-fg);
  border-color: var(--color-attention-emphasis);
}

.Label--severe {
  color: var(--color-severe-fg);
  border-color: var(--color-severe-emphasis);
}

.Label--danger {
  color: var(--color-danger-fg);
  border-color: var(--color-danger-emphasis);
}

.Label--open {
  color: var(--color-open-fg);
  border-color: var(--color-open-emphasis);
}

.Label--closed {
  color: var(--color-closed-fg);
  border-color: var(--color-closed-emphasis);
}

.Label--done {
  color: var(--color-done-fg);
  border-color: var(--color-done-emphasis);
}

.Label--sponsors {
  color: var(--color-sponsors-fg);
  border-color: var(--color-sponsors-emphasis);
}

Version data entries

21 entries across 21 versions & 1 rubygems

Version Path
primer_view_components-0.1.6 app/components/primer/beta/label.pcss
primer_view_components-0.1.5 app/components/primer/beta/label.pcss
primer_view_components-0.1.4 app/components/primer/beta/label.pcss
primer_view_components-0.1.3 app/components/primer/beta/label.pcss
primer_view_components-0.1.2 app/components/primer/beta/label.pcss
primer_view_components-0.1.1 app/components/primer/beta/label.pcss
primer_view_components-0.1.0 app/components/primer/beta/label.pcss
primer_view_components-0.0.123 app/components/primer/beta/label.pcss
primer_view_components-0.0.122 app/components/primer/beta/label.pcss
primer_view_components-0.0.121 app/components/primer/beta/label.pcss
primer_view_components-0.0.120 app/components/primer/beta/label.pcss
primer_view_components-0.0.119 app/components/primer/beta/label.pcss
primer_view_components-0.0.118 app/components/primer/beta/label.pcss
primer_view_components-0.0.117 app/components/primer/beta/label.pcss
primer_view_components-0.0.116 app/components/primer/beta/label.pcss
primer_view_components-0.0.115 app/components/primer/beta/label.pcss
primer_view_components-0.0.114 app/components/primer/beta/label.pcss
primer_view_components-0.0.113 app/components/primer/beta/label.pcss
primer_view_components-0.0.112 app/components/primer/beta/label.pcss
primer_view_components-0.0.111 app/components/primer/beta/label.pcss