bulma/sass/utilities/controls.sass
Jeremy Thomas 3590dc18aa Fix #569
2017-03-17 00:16:23 +00:00

40 lines
865 B
Sass

$control-radius: $radius !default
$control-radius-small: $radius-small !default
=control
-moz-appearance: none
-webkit-appearance: none
align-items: center
border: none
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: 0.375em
padding-left: 0.625em
padding-right: 0.625em
padding-top: 0.375em
position: relative
vertical-align: top
// States
&:focus,
&.is-focused,
&:active,
&.is-active
outline: none
&[disabled],
&.is-disabled
pointer-events: none
// 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