github.com/mithrandie/csvq@v1.18.1/docs/_sass/components/_badges.scss (about)

     1  // Badges
     2  span.badge {
     3    min-width: 3rem;
     4    padding: 0 6px;
     5    margin-left: 14px;
     6    text-align: center;
     7    font-size: 1rem;
     8    line-height: $badge-height;
     9    height: $badge-height;
    10    color: color('grey', 'darken-1');
    11    float: right;
    12    box-sizing: border-box;
    13  
    14    &.new {
    15      font-weight: 300;
    16      font-size: 0.8rem;
    17      color: #fff;
    18      background-color: $badge-bg-color;
    19      border-radius: 2px;
    20    }
    21    &.new:after {
    22      content: " new";
    23    }
    24  
    25    &[data-badge-caption]::after {
    26      content: " " attr(data-badge-caption);
    27    }
    28  }
    29  nav ul a span.badge {
    30    display: inline-block;
    31    float: none;
    32    margin-left: 4px;
    33    line-height: $badge-height;
    34    height: $badge-height;
    35  }
    36  
    37  // Line height centering
    38  .collection-item span.badge {
    39    margin-top: calc(#{$collection-line-height / 2} - #{$badge-height / 2});
    40  }
    41  .collapsible span.badge {
    42    margin-top: calc(#{$collapsible-line-height / 2} - #{$badge-height / 2});
    43  }
    44  .side-nav span.badge {
    45    margin-top: calc(#{$sidenav-line-height / 2} - #{$badge-height / 2});
    46  }