| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- =control
- -moz-appearance: none
- -webkit-appearance: none
- align-items: center
- background-color: $control-background
- border: 1px solid $control-border
- border-radius: $radius
- color: $control
- display: inline-flex
- font-size: $size-normal
- height: 32px
- justify-content: flex-start
- line-height: 24px
- padding-left: 8px
- padding-right: 8px
- position: relative
- vertical-align: top
- &:hover
- border-color: $control-hover-border
- &:active,
- &:focus,
- &.is-active
- border-color: $control-active-border
- outline: none
- &[disabled],
- &.is-disabled
- background-color: $background
- border-color: $control-border
- cursor: not-allowed
- pointer-events: none
- +placeholder
- color: rgba($control, 0.3)
- =control-small
- border-radius: $radius-small
- font-size: 11px
- height: 24px
- line-height: 16px
- padding-left: 6px
- padding-right: 6px
- =control-medium
- font-size: 18px
- height: 40px
- line-height: 32px
- padding-left: 10px
- padding-right: 10px
- =control-large
- font-size: 24px
- height: 48px
- line-height: 40px
- padding-left: 12px
- padding-right: 12px
|
