theme.widget.notification.styl 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /**
  2. * Stylesheet
  3. *
  4. * @namespace Lungo.Theme
  5. * @class Layout
  6. *
  7. * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
  8. */
  9. /* -------------------------- NOTIFICATION -------------------------- */
  10. .notification
  11. color: #fff
  12. &:not(.push)
  13. background-color: rgba(0,0,0,0.6)
  14. & .window
  15. &:not(.push):not(.growl)
  16. border-radius FORM_border_radius FORM_border_radius 0 0
  17. &.growl
  18. border-radius BORDER_radius
  19. background-color: rgba(0,0,0,0.8)
  20. & strong
  21. color: darken(#fff, 25%)
  22. font-weight: 700
  23. &:not(.growl)
  24. box-shadow 0 0 1em lighten(COLOR, 10%)
  25. &.confirm, &.html
  26. & button, .button
  27. background-color: #fff
  28. color: THEME
  29. font-weight: 400
  30. &.html
  31. background-color: lighten(COLOR, 95%)
  32. color: lighten(COLOR, 25%)
  33. &.confirm
  34. background-color: THEME
  35. & > small
  36. color: lighten(THEME, 75%)
  37. &.error, &.success
  38. background-color: COLOR
  39. border-bottom: solid 0.4em
  40. color: #fff
  41. & small
  42. color: darken(#fff, 25%)
  43. &.error
  44. border-bottom-color: DANGER
  45. & > .icon
  46. color: DANGER
  47. &.success
  48. border-bottom-color: SUCCESS
  49. & > .icon
  50. color: SUCCESS
  51. &.html
  52. & .title
  53. background-color: THEME
  54. color: #fff
  55. border-radius BORDER_radius BORDER_radius 0 0
  56. &.push
  57. background-color: COLOR
  58. box-shadow: inset 0 -0.1em #000
  59. & button, & .button
  60. &:last-child
  61. border-radius00 FORM_border_radius FORM_border_radius