papercss/src/components/_badges.scss

23 lines
520 B
SCSS
Raw Normal View History

2017-12-19 17:52:33 +01:00
.badge {
2017-12-23 09:43:23 +01:00
@include border-style();
2020-09-06 20:22:55 +02:00
@include color('color', 'white');
2020-06-01 23:02:51 +02:00
@include color('background-color', 'muted');
2020-08-26 00:35:42 +02:00
@include color('border-color', 'primary');
border: 2px solid;
2018-05-24 14:13:53 +02:00
border-color: transparent;
2017-12-19 17:52:33 +01:00
display: inline-block;
font-size: 75%;
font-weight: 700;
line-height: 1;
2018-05-24 14:13:53 +02:00
padding: 0.25em 0.4em;
2017-12-19 17:52:33 +01:00
text-align: center;
vertical-align: baseline;
2018-05-24 14:13:53 +02:00
white-space: nowrap;
2017-12-19 17:52:33 +01:00
}
@each $colorName, $color in $colors {
.badge.#{$colorName} {
2020-08-26 00:35:42 +02:00
@include color('background-color', #{$colorName});
2017-12-19 17:52:33 +01:00
}
}