logo

searx

My custom branche(s) on searx, a meta-search engine git clone https://hacktivis.me/git/searx.git

badges.less (1069B)

    

  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.   .btn-xs & {

  32.     top: 0;

  33.     padding: 1px 5px;

  34.   }

  35. 

  36.   // Hover state, but only for links

  37.   a& {

  38.     &:hover,

  39.     &:focus {

  40.       color: @badge-link-hover-color;

  41.       text-decoration: none;

  42.       cursor: pointer;

  43.     }

  44.   }

  45. 

  46.   // Account for badges in navs

  47.   a.list-group-item.active > &,

  48.   .nav-pills > .active > a > & {

  49.     color: @badge-active-color;

  50.     background-color: @badge-active-bg;

  51.   }

  52.   .nav-pills > li > a > & {

  53.     margin-left: 3px;

  54.   }

  55. }