logo

searx

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

labels.less (1079B)

    

  1. //

  2. // Labels

  3. // --------------------------------------------------

  4. 

  5. .label {

  6.   display: inline;

  7.   padding: .2em .6em .3em;

  8.   font-size: 75%;

  9.   font-weight: bold;

  10.   line-height: 1;

  11.   color: @label-color;

  12.   text-align: center;

  13.   white-space: nowrap;

  14.   vertical-align: baseline;

  15.   border-radius: .25em;

  16. 

  17.   // Add hover effects, but only for links

  18.   a& {

  19.     &:hover,

  20.     &:focus {

  21.       color: @label-link-hover-color;

  22.       text-decoration: none;

  23.       cursor: pointer;

  24.     }

  25.   }

  26. 

  27.   // Empty labels collapse automatically (not available in IE8)

  28.   &:empty {

  29.     display: none;

  30.   }

  31. 

  32.   // Quick fix for labels in buttons

  33.   .btn & {

  34.     position: relative;

  35.     top: -1px;

  36.   }

  37. }

  38. 

  39. // Colors

  40. // Contextual variations (linked labels get darker on :hover)

  41. 

  42. .label-default {

  43.   .label-variant(@label-default-bg);

  44. }

  45. 

  46. .label-primary {

  47.   .label-variant(@label-primary-bg);

  48. }

  49. 

  50. .label-success {

  51.   .label-variant(@label-success-bg);

  52. }

  53. 

  54. .label-info {

  55.   .label-variant(@label-info-bg);

  56. }

  57. 

  58. .label-warning {

  59.   .label-variant(@label-warning-bg);

  60. }

  61. 

  62. .label-danger {

  63.   .label-variant(@label-danger-bg);

  64. }