theme.widget.button.styl 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /**
  2. * Stylesheet
  3. *
  4. * @namespace Lungo.Theme
  5. * @class Layout
  6. *
  7. * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
  8. */
  9. .button, button
  10. &, abbr
  11. font-weight: 600
  12. article
  13. & .button, button
  14. // border-radius (BORDER_radius * 2)
  15. border-radius BORDER_radius
  16. color: #fff !important
  17. box-shadow: inset 0 0.1em 0 rgba(255,255,255,0.1), inset 0 -0.15em 0 rgba(0,0,0,0.2), 0 0.15em 0 rgba(0,0,0,0.075)
  18. -webkit-font-smoothing: antialiased
  19. text-shadow: 0 0.1em 0 rgba(0,0,0,0.1)
  20. &:hover
  21. box-shadow: inset 0 0 5em rgba(0,0,0,0.15), inset 0 -0.15em 0 rgba(0,0,0,0.2), 0 0.15em 0 rgba(0,0,0,0.075)
  22. &:active
  23. box-shadow inset 0 0 5em rgba(0,0,0,0.3), inset 0 0.15em 0 rgba(0,0,0,0.1)
  24. & .icon
  25. opacity: 0.65
  26. text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
  27. & button, .button, .tag:not(.icon)
  28. &
  29. background-color: darken(THEME, 15%)
  30. &.color
  31. background-color: lighten(COLOR, 10%)
  32. &.accept
  33. background-color: SUCCESS
  34. &.cancel
  35. background-color: DANGER
  36. &.warning
  37. background-color: WARNING
  38. &[disabled], :disabled, &.disabled
  39. background: FORM_color
  40. color: #999 !important
  41. box-shadow: none !important
  42. text-shadow: none !important