papercss/src/components/_badges.scss
2018-05-24 08:39:06 -04:00

22 lines
421 B
SCSS

.badge {
@include border-style();
background-color: $muted;
border: 2px solid $primary;
border-color: transparent;
color: $white;
display: inline-block;
font-size: 75%;
font-weight: 700;
line-height: 1;
padding: 0.25em 0.4em;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}
@each $colorName, $color in $colors {
.badge.#{$colorName} {
background-color: $color;
}
}