Contents

.ae-alert
  padding: 1em
  position: relative

  p
    padding-top: 0
    margin-bottom: 0

  & + &
    margin-top: 1em

  .ae-alert-action
    position: absolute
    top: 0.5em
    right: 0.5em
    text-decoration: none
    @include font-size(22px, 28px)

  &-success
    background: $success
    border: 1px solid $success
    color: $success

    p
      color: darken($success, 50%) !important

    a:link, a:visited, a .fa, .fa
      color: darken($success, 40%)

    .ae-alert-action
      color: darken($success, 50%)

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

    p
      color: $cancelled !important

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

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

    p
      color: darken($pending, 50%) !important

    a:link, a:visited, a .fa, .ae-alert-action, .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%)

    p
      color: darken($primary-color, 10%)  !important

    a:link, a:visited, a .fa, .ae-alert-action, .fa

      color: darken($primary-color, 20%)
      font-weight: bold

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

  .ae-alert-close
    @include font-size(30px, 30px)
    font-weight: normal !important

.ae-alert-fixed
  position: fixed
  bottom: 0
  width: 100%
  left: 0
  right: 0
  border: 0
  text-align: center
  z-index: 99
  padding: 1.5em 0

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
express_ui-0.5.2	app/assets/stylesheets/express_ui/molecules/_flash_messages.sass
express_ui-0.5.1	app/assets/stylesheets/express_ui/molecules/_flash_messages.sass