FlashMessage.styl 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .flashmessage
  2. position fixed
  3. display flex
  4. justify-content center
  5. width 100%
  6. z-index 10
  7. &__container
  8. margin-top 50px
  9. border 0
  10. border-radius 10px
  11. width 800px
  12. background lightGrey
  13. box-shadow shadow-all
  14. &__header
  15. border-top-right-radius 10px
  16. border-top-left-radius 10px
  17. width 100%
  18. height 8px
  19. &.success
  20. background-color success
  21. &.info
  22. background-color info
  23. &.danger
  24. background-color danger
  25. &__close
  26. display flex
  27. justify-content flex-end
  28. margin 5px
  29. &__icon
  30. padding-right 10px
  31. cursor pointer
  32. &__content
  33. display flex
  34. align-items center
  35. margin 10px 0 25px 0
  36. &__icon
  37. padding 0 30px
  38. font-size 40px
  39. &.success
  40. color success
  41. &.info
  42. color info
  43. &.danger
  44. color danger
  45. &__text
  46. &__title
  47. font-size 20px
  48. font-weight 600
  49. color calendar
  50. &__paragraph
  51. padding-right 20px
  52. font-weight 500