github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/components/empty/empty.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  .summary--card.summary--card__empty-state
    14    padding 0
    15    .cl-empty-view
    16      &__content
    17        max-width 650px
    18  
    19  .cl-empty-view
    20    display flex
    21    flex-direction column
    22    background-color $colors--white
    23    position relative
    24    padding $spacing-large 0 $spacing-large $spacing-large
    25    background-position top right
    26    background-size contain
    27    background-repeat no-repeat
    28  
    29    &__title
    30      display flex
    31      flex-direction row
    32      justify-content space-between
    33      font-size $font-size--x-large
    34      color $colors--neutral-7
    35      line-height $line-height--x-large
    36      margin-bottom 0
    37  
    38    &__footer
    39      margin 20px 0 0
    40  
    41    &__content
    42      max-width 600px
    43  
    44    &__main
    45      .text
    46        color $colors--neutral-6
    47        font-size $font-size--medium
    48        line-height $line-height--medium-small
    49      .crl-anchor
    50        margin-left 6px
    51  
    52    &__actions-column
    53      display flex
    54      flex-direction row
    55      flex-wrap nowrap
    56  
    57    &__vertical-line
    58      width 1px
    59      min-height 100%
    60      border-left 1px solid $colors--neutral-3
    61      margin 0 $spacing-x-small
    62  
    63    &__icon
    64      display inline-block
    65      color inherit
    66      font-style normal
    67      line-height 0
    68      text-align center
    69      text-transform none
    70      vertical-align -0.125em
    71      margin-right $spacing-x-small
    72  
    73    &__actions-column
    74      display flex
    75      flex-direction row
    76      flex-wrap nowrap
    77  
    78    &__vertical-line
    79      width 1px
    80      min-height 100%
    81      border-left 1px solid $colors--neutral-3
    82      margin 0 $spacing-x-small
    83  
    84    &__icon
    85      display inline-block
    86      color inherit
    87      font-style normal
    88      line-height 0
    89      text-align center
    90      text-transform none
    91      vertical-align -0.125em
    92      margin-right $spacing-x-small