Sha256: ad9386229579f40ade8c03773685c364573617bcdf547eff33485de6b5a834e1

Contents?: true

Size: 1.09 KB

Versions: 5

Compression:

Stored size: 1.09 KB

Contents

.ae-alert
  padding: 0.5rem
  position: relative

  p
    padding-top: 0
    margin-bottom: 0

  & + &
    margin-top: 0.25rem

  .ae-alert-action
    position: absolute
    top: 0.5rem
    right: 0.5rem
    text-decoration: none

  &-success
    background: lighten($success, 50%)ƒ
    border: 1px solid $success
    color: $success

    a:link, a:visited, a .fa
      color: lighten($success, 10%)
      font-weight: bold

  &-error
    background: lighten($cancelled, 30%)
    border: 1px solid $cancelled
    color: $cancelled

    a:link, a:visited, a .fa
      color: $cancelled
      font-weight: bold

  &-pending
    background: darken($pending, 10%)
    border: 1px solid darken($pending, 50%)
    color: darken($pending, 50%)

    a:link, a:visited, a .fa
      color: darken($pending, 50%)
      font-weight: bold

  &-info
    background: lighten($primary-color, 30%)
    border: 1px solid darken($primary-color, 20%)
    color: darken($primary-color, 10%)

    a:link, a:visited, a .fa
      color: darken($primary-color, 20%)
      font-weight: bold

  @include tablet-max
    p
      padding-right: 1em

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
express_ui-0.1.0.rc7 app/assets/stylesheets/express_ui/molecules/_flash_messages.sass
express_ui-0.1.0.rc5 app/assets/stylesheets/express_ui/molecules/_flash_messages.sass
express_ui-0.1.0.rc4 app/assets/stylesheets/express_ui/molecules/_flash_messages.sass
express_ui-0.1.0.rc3 app/assets/stylesheets/express_ui/molecules/_flash_messages.sass
express_ui-0.1.0.rc1 app/assets/stylesheets/express_ui/molecules/_flash_messages.sass