Mercurial > minori
comparison dep/fmt/doc/bootstrap/badges.less @ 343:1faa72660932
*: transfer back to cmake from autotools
autotools just made lots of things more complicated than
they should have and many things broke (i.e. translations)
| author | Paper <paper@paper.us.eu.org> |
|---|---|
| date | Thu, 20 Jun 2024 05:56:06 -0400 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 342:adb79bdde329 | 343:1faa72660932 |
|---|---|
| 1 // | |
| 2 // Badges | |
| 3 // -------------------------------------------------- | |
| 4 | |
| 5 | |
| 6 // Base class | |
| 7 .badge { | |
| 8 display: inline-block; | |
| 9 min-width: 10px; | |
| 10 padding: 3px 7px; | |
| 11 font-size: @font-size-small; | |
| 12 font-weight: @badge-font-weight; | |
| 13 color: @badge-color; | |
| 14 line-height: @badge-line-height; | |
| 15 vertical-align: baseline; | |
| 16 white-space: nowrap; | |
| 17 text-align: center; | |
| 18 background-color: @badge-bg; | |
| 19 border-radius: @badge-border-radius; | |
| 20 | |
| 21 // Empty badges collapse automatically (not available in IE8) | |
| 22 &:empty { | |
| 23 display: none; | |
| 24 } | |
| 25 | |
| 26 // Quick fix for badges in buttons | |
| 27 .btn & { | |
| 28 position: relative; | |
| 29 top: -1px; | |
| 30 } | |
| 31 | |
| 32 .btn-xs &, | |
| 33 .btn-group-xs > .btn & { | |
| 34 top: 0; | |
| 35 padding: 1px 5px; | |
| 36 } | |
| 37 | |
| 38 // Hover state, but only for links | |
| 39 a& { | |
| 40 &:hover, | |
| 41 &:focus { | |
| 42 color: @badge-link-hover-color; | |
| 43 text-decoration: none; | |
| 44 cursor: pointer; | |
| 45 } | |
| 46 } | |
| 47 | |
| 48 // Account for badges in navs | |
| 49 .list-group-item.active > &, | |
| 50 .nav-pills > .active > a > & { | |
| 51 color: @badge-active-color; | |
| 52 background-color: @badge-active-bg; | |
| 53 } | |
| 54 | |
| 55 .list-group-item > & { | |
| 56 float: right; | |
| 57 } | |
| 58 | |
| 59 .list-group-item > & + & { | |
| 60 margin-right: 5px; | |
| 61 } | |
| 62 | |
| 63 .nav-pills > li > a > & { | |
| 64 margin-left: 3px; | |
| 65 } | |
| 66 } |
