github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/components/badge/badge.styl (about)

     1  // Copyright 2019 The Cockroach Authors.
     2  //
     3  // Use of this software is governed by the Business Source License
     4  // included in the file licenses/BSL.txt.
     5  //
     6  // As of the Change Date specified in that file, in accordance with
     7  // the Business Source License, use of this software will be governed
     8  // by the Apache License, Version 2.0, included in the file
     9  // licenses/APL.txt.
    10  
    11  @require '~src/components/core/index.styl'
    12  
    13  .badge
    14    display flex
    15    flex-direction row
    16    border-radius 3px
    17    text-transform uppercase
    18    width max-content
    19    padding $spacing-xx-small $spacing-x-small
    20    cursor default
    21  
    22  .badge--size-small
    23  
    24  .badge--size-large
    25  
    26  .badge--size-medium
    27    height $line-height--medium
    28    font-size $font-size--small
    29    font-weight $font-weight--medium
    30    line-height $line-height--xx-small
    31    font-family $font-family--semi-bold
    32    letter-spacing 1.5px
    33  
    34  .badge--status-success
    35    color $colors--primary-green-3
    36    background-color $colors--primary-green-1
    37    border-radius 3px
    38  
    39  .badge--status-danger
    40    color $colors--functional-red-4
    41    background-color $colors--functional-red-1
    42    background $colors--functional-red-1
    43  
    44  .badge--status-default
    45    background-color $colors--neutral-2
    46    color $colors--neutral-6
    47  
    48  .badge--status-info
    49    color $colors--primary-blue-4
    50    background-color $colors--primary-blue-1
    51  
    52  .badge--status-warning
    53    color $colors--functional-orange-4
    54    background-color $colors--functional-orange-1
    55  
    56  .badge__icon
    57    margin 0 $spacing-base
    58  
    59  .badge__icon--position-left
    60    order 0
    61    margin-right $spacing-x-small
    62  
    63  .badge__icon--position-right
    64    order 2
    65    margin-left $spacing-x-small
    66  
    67  .badge__text
    68    order 1
    69    margin auto
    70  
    71  .badge__text--no-wrap
    72    text-overflow ellipsis
    73    white-space nowrap
    74    overflow hidden