static/shared/chip/chip.css

/*!
 * Copyright 2021 The Go Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style
 * license that can be found in the LICENSE file.
 */

.go-Chip {
  background: var(--color-button);
  border: 0.0625rem solid var(--color-button);
  border-radius: 1.25rem;
  color: var(--color-button-text);
  font-size: 0.75rem;
  padding: 0.125rem 0.625rem;
}
.go-Chip--accented {
  background: var(--color-button-accented);
  border: 0.0625rem solid var(--color-button-accented);
  color: var(--color-button-accented-text);
}
.go-Chip--inverted {
  background: var(--color-button-inverted);
  border: var(--border);
  color: var(--color-text);
}
.go-Chip--highlighted {
  background: var(--color-background-highlighted-link);
  border-color: var(--color-background-highlighted-link);
  color: var(--color-brand-primary);
}
.go-Chip--alert {
  background: var(--pink);
  border: 0.0625rem solid var(--pink);
  color: var(--color-text-inverted);
}
.go-Chip--subtle {
  background-color: var(--color-background-accented);
  border-color: transparent;
  color: var(--color-text-subtle);
}