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

     1  // Copyright 2020 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  .alert-massage
    14    max-width 470px
    15    min-height 50px
    16    font-size $font-size--small
    17    // it is !important because Ant sets margin to 0
    18    // when closing animation happens and Alert panel
    19    // jumps to the left side.
    20    margin 0 0 0 auto!important
    21    padding-left 48px
    22    border-radius 3px
    23    box-shadow 0 0 10px 0 rgba(71, 88, 114, 0.47)
    24    background-color $colors--white
    25    border-color $colors--white
    26    display: flex;
    27    flex-direction column
    28    justify-content center
    29  
    30    .alert-massage__icon
    31      font-size 20px
    32      left 16px
    33      top 15px
    34    .ant-alert-close-icon
    35      margin unset
    36      right 0
    37      top 0
    38      padding-right 16px
    39    .ant-alert-message
    40      @extends $text--body-strong
    41      color $colors--neutral-8
    42  
    43    &__close-text
    44      color $colors--neutral-7
    45      margin $spacing-smaller 0
    46      font-size $font-size--large
    47      line-height $spacing-smaller
    48      font-weight $font-weight--extra-bold
    49  
    50  .ant-alert-success .alert-massage__icon
    51    color $colors--primary-green-3