Sha256: 98c00f7338d7f4ed85fc14b120849b6d1b9555806f3154beadf1893d83d2933f

Contents?: true

Size: 647 Bytes

Versions: 4

Compression:

Stored size: 647 Bytes

Contents

@mixin badge-variant(
  $background,
  $color: color-contrast($background),
  $hover-background: shift-color($background, $badge-hover-scale)
) {
  --#{$prefix}badge-bg: #{$background};
  --#{$prefix}badge-color: #{$color};
  --#{$prefix}badge-hover-bg: #{$hover-background};
}

.badge {
  background: var(--#{$prefix}badge-bg);

  @at-root a#{&} {
    &:hover,
    &:focus {
      color: var(--#{$prefix}badge-color);
      background-color: var(--#{$prefix}badge-hover-bg);
    }
  }
}

.badge-pill {
  border-radius: $border-radius-pill;
}

@each $color, $value in $theme-colors {
  .badge-#{$color} {
    @include badge-variant($value);
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
trestle-0.10.1 frontend/css/components/_badges.scss
trestle-0.10.0 frontend/css/components/_badges.scss
trestle-0.10.0.pre2 frontend/css/components/_badges.scss
trestle-0.10.0.pre frontend/css/components/_badges.scss