Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-01 16:04:37 +04:00
Code Issues Projects Releases Wiki Activity

badges docs

Browse Source
This commit is contained in:
chomik
2019-04-13 19:49:11 +02:00
parent a41020fb35
commit 0be994b2bb
5 changed files with 66 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/ui/_badges.scss
+9 -41
View File
@@ -1,11 +1,12 @@
.badge {
//color: #ffffff;
//color: $text-muted;
//background: theme-color-lightest($text-muted);
font-weight: 600;
//font-weight: 600;
@at-root a#{&} {
color: $white;
}
&:empty {
display: block;
display: inline-block;
width: 8px;
min-width: 0;
height: 8px;
@@ -26,41 +27,8 @@
transform: translate(0%, -50%);
}
//light
@each $name, $color in $status-colors {
.badge-#{$name}-lt {
color: $color;
background-color: theme-color-lighter($color);
}
}
//bordered
@each $name, $color in $status-colors {
.badge-#{$name}.badge-outline {
color: $color;
background-color: transparent;
border: 1px solid $color;
}
}
// rest colors
@if $generate-colors {
@each $name, $color in $colors {
.badge-#{$name}-lt {
color: $color;
background-color: theme-color-lighter($color);
}
.badge-#{$name}.badge-outline {
color: $color;
background-color: transparent;
border: 1px solid $color;
}
.badge-#{$name} {
color: #fff;
background-color: $color;
}
}
.badge-outline {
background-color: transparent;
border: 1px solid currentColor;
}