@charset 'utf-8'

@import 'colors'

.ui-kit-alert
  width: 100%
  background: $primary
  border-radius: 5px
  margin: 0 0 10px 0
  .left
    width: 90px
    height: 100%
    display: flex
    float: left
    justify-content: center
    align-items: center
    i
      padding: 10px 0
      font-size: 40px
      color: $white
  .right
    display: flex
    align-items: center
    height: 100%
    padding: 15px 5px
    span
      color: $white
      font-size: 14px

  &.danger
    background: $red
  &.success
    background: $green
  &.warning
    background: $yellow

  &.small
    .left
      width: 30px
      i
        padding: 0
        font-size: 20px
    .right
      padding: 5px
      span
        font-size: 12px
  
  &.large
    .left
      i
        padding: 3px 0
        font-size: 70px
    .right
      padding: 25px 5px
      span
        font-size: 16px