mirror of
https://gitlab.com/crafty-controller/crafty-4.git
synced 2025-01-19 17:55:29 +01:00
65 lines
995 B
SCSS
Executable File
65 lines
995 B
SCSS
Executable File
/* Badges */
|
|
|
|
.badge {
|
|
border-radius: 0.25rem;
|
|
font-size: 11px;
|
|
font-weight: initial;
|
|
line-height: 1;
|
|
padding: 4px 6px;
|
|
font-family: $type-1;
|
|
font-weight: 600;
|
|
letter-spacing: 0.04rem;
|
|
|
|
&:empty {
|
|
display: inline-block;
|
|
min-width: 10px;
|
|
min-height: 10px;
|
|
padding: 0;
|
|
margin-right: 10px;
|
|
border-radius: 100%;
|
|
|
|
.rtl & {
|
|
margin-left: 10px;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
&.badge-pill {
|
|
border-radius: 10rem;
|
|
}
|
|
|
|
&.badge-fw {
|
|
min-width: 70px;
|
|
}
|
|
|
|
&.badge-lg {
|
|
padding: 0.4rem 0.9rem;
|
|
}
|
|
}
|
|
|
|
/*Badge variations*/
|
|
|
|
@each $color,
|
|
$value in $theme-colors {
|
|
.badge-#{$color} {
|
|
@include badge-variations($value);
|
|
}
|
|
}
|
|
|
|
/*Badge inverse variations*/
|
|
|
|
@each $color,
|
|
$value in $theme-colors {
|
|
.badge-inverse-#{$color} {
|
|
@include badge-inverse-variations($value);
|
|
}
|
|
}
|
|
|
|
/*Badge outlined variations*/
|
|
|
|
@each $color,
|
|
$value in $theme-colors {
|
|
.badge-outline-#{$color} {
|
|
@include badge-outline-variations($value);
|
|
}
|
|
} |