public/vendors/bulma/sass/utilities/controls.sass

   1 $control-radius: $radius !default
   2 $control-radius-small: $radius-small !default
   3
   4 $control-border-width: 1px !default
   5
   6 $control-height: 2.5em !default
   7 $control-line-height: 1.5 !default
   8
   9 $control-padding-vertical: calc(0.5em - #{$control-border-width}) !default
  10 $control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default
  11
  12 =control
  13   -moz-appearance: none
  14   -webkit-appearance: none
  15   align-items: center
  16   border: $control-border-width solid transparent
  17   border-radius: $control-radius
  18   box-shadow: none
  19   display: inline-flex
  20   font-size: $size-normal
  21   height: $control-height
  22   justify-content: flex-start
  23   line-height: $control-line-height
  24   padding-bottom: $control-padding-vertical
  25   padding-left: $control-padding-horizontal
  26   padding-right: $control-padding-horizontal
  27   padding-top: $control-padding-vertical
  28   position: relative
  29   vertical-align: top
  30   // States
  31   &:focus,
  32   &.is-focused,
  33   &:active,
  34   &.is-active
  35     outline: none
  36   &[disabled],
  37   fieldset[disabled] &
  38     cursor: not-allowed
  39
  40 %control
  41   +control
  42
  43 // The controls sizes use mixins so they can be used at different breakpoints
  44 =control-small
  45   border-radius: $control-radius-small
  46   font-size: $size-small
  47 =control-medium
  48   font-size: $size-medium
  49 =control-large
  50   font-size: $size-large