diff options
| author |   pmikus <peter.mikus@protonmail.ch> | 2022-09-19 08:49:01 +0200 |
|---|---|---|
| committer | Peter Mikus <peter.mikus@protonmail.ch> | 2022-09-19 06:54:43 +0000 |
| commit | d6a60b5043c6f7c3dfc45853feb68d0aca5a4a5f (patch) | |
| tree | 022343584d4e00a0da8ef12eb4e713d67344fc95 /csit.infra.dash/app/pal/static/sass/bootstrap/_badge.scss | |
| parent | d2ef7bc01df66f6a27f25d061db064cf4a463267 (diff) | |
feat(uti): Move directory
Signed-off-by: pmikus <peter.mikus@protonmail.ch>
Change-Id: I7300ecfe756baaf3fbeedb020070f882cfaca445
Diffstat (limited to 'csit.infra.dash/app/pal/static/sass/bootstrap/_badge.scss')
| -rw-r--r-- | csit.infra.dash/app/pal/static/sass/bootstrap/_badge.scss | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/csit.infra.dash/app/pal/static/sass/bootstrap/_badge.scss b/csit.infra.dash/app/pal/static/sass/bootstrap/_badge.scss new file mode 100644 index 0000000000..cc3d269556 --- /dev/null +++ b/csit.infra.dash/app/pal/static/sass/bootstrap/_badge.scss @@ -0,0 +1,38 @@ +// Base class +// +// Requires one of the contextual, color modifier classes for `color` and +// `background-color`. + +.badge { + // scss-docs-start badge-css-vars + --#{$prefix}badge-padding-x: #{$badge-padding-x}; + --#{$prefix}badge-padding-y: #{$badge-padding-y}; + @include rfs($badge-font-size, --#{$prefix}badge-font-size); + --#{$prefix}badge-font-weight: #{$badge-font-weight}; + --#{$prefix}badge-color: #{$badge-color}; + --#{$prefix}badge-border-radius: #{$badge-border-radius}; + // scss-docs-end badge-css-vars + + display: inline-block; + padding: var(--#{$prefix}badge-padding-y) var(--#{$prefix}badge-padding-x); + @include font-size(var(--#{$prefix}badge-font-size)); + font-weight: var(--#{$prefix}badge-font-weight); + line-height: 1; + color: var(--#{$prefix}badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + @include border-radius(var(--#{$prefix}badge-border-radius)); + @include gradient-bg(); + + // Empty badges collapse automatically + &:empty { + display: none; + } +} + +// Quick fix for badges in buttons +.btn .badge { + position: relative; + top: -1px; +} |