theme.widget.notification.styl 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /**
  2. * Stylesheet
  3. *
  4. * @namespace Lungo.Theme
  5. * @class Layout
  6. *
  7. * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
  8. */
  9. @import "__init.styl"
  10. /* -------------------------- NOTIFICATION -------------------------- */
  11. .notification
  12. color: #fff
  13. &:not(.push)
  14. background-color: rgba(0,0,0,0.6)
  15. & .window
  16. &:not(.push)
  17. border-radius FORM_border_radius
  18. &.growl
  19. background: rgba(0,0,0,0.75)
  20. & strong
  21. opacity: 0.75
  22. font-weight: 400
  23. &:not(.growl)
  24. box-shadow(0 0 8px #444)
  25. & button, .button
  26. background: #fff
  27. color: THEME
  28. &.confirm, &.html
  29. background: #e6e6e6
  30. color: #222
  31. &.error
  32. background: DANGER
  33. &.success
  34. background: SUCCESS
  35. &.error, &.success
  36. color: #fff
  37. & small
  38. opacity: 0.75
  39. font-weight: 100
  40. &.html
  41. & .title
  42. background: THEME
  43. color: #fff
  44. border-radius FORM_border_radius FORM_border_radius 0px 0px
  45. &.push
  46. background: rgba(0,0,0,0.75)
  47. & button, & .button
  48. &:last-child
  49. border-radius 0px 0px FORM_border_radius FORM_border_radius