Lungo.js/src/stylesheets/lungo.widgets.button.styl

/**
 * Stylesheet
 *
 * @namespace Lungo.Widgets
 * @class Button
 *
 * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
 */

@import "import/constants.styl"
@import "import/vendor.styl"


.button, button
  display: inline-block
  padding: 10px 16px
  border: none
  cursor: pointer

  color: #fff !important
  font-family: inherit
  font-size: 1.05em
  font-weight: 600
  text-align: center
  text-decoration: none
  outline: none

  &:disabled, &.disabled
    background: rgba(255,255,255,0.2)
    color: #999 !important

  & .icon
    font-size: FONT_SIZE_BIG

  &.anchor
    width: 100%
    position: relative
    & .icon
      position: absolute
      left: 8px

  &.large
    height: h = 52px
    padding: 0 24px
    font-size: 1.4em
    line-height: h

  &.small
    height: h = 30px
    padding: 0 8px
    font-size: FONT_SIZE_SMALL
    line-height: (h - 2)