$control-radius: $radius !default $control-radius-small: $radius-small !default
$control-padding-vertical: calc(0.375em - 1px) !default $control-padding-horizontal: calc(0.625em - 1px) !default
control¶ ↑
-moz-appearance: none -webkit-appearance: none align-items: center border: 1px solid transparent border-radius: $control-radius box-shadow: none display: inline-flex font-size: $size-normal height: 2.25em justify-content: flex-start line-height: 1.5 padding-bottom: $control-padding-vertical padding-left: $control-padding-horizontal padding-right: $control-padding-horizontal padding-top: $control-padding-vertical position: relative vertical-align: top // States &:focus, &.is-focused, &:active, &.is-active outline: none &[disabled] cursor: not-allowed
// The controls sizes use mixins so they can be used at different breakpoints
control-small¶ ↑
border-radius: $control-radius-small font-size: $size-small
control-medium¶ ↑
font-size: $size-medium
control-large¶ ↑
font-size: $size-large