bulma/sass/utilities/controls.sass

53 lines
1.1 KiB
Sass
Raw Normal View History

=control
-moz-appearance: none
-webkit-appearance: none
align-items: center
2016-06-29 22:59:48 +00:00
background-color: $control-background
border: 1px solid $control-border
border-radius: $radius
color: $control
display: inline-flex
font-size: $size-normal
height: 32px
2016-05-07 12:31:31 +00:00
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,
2016-05-30 18:41:54 +00:00
&:focus,
&.is-active
border-color: $control-active-border
outline: none
&[disabled],
&.is-disabled
2016-06-29 22:59:48 +00:00
background-color: $background
border-color: $control-border
cursor: not-allowed
pointer-events: none
+placeholder
color: rgba($control, 0.3)
=control-small
2016-06-29 22:25:27 +00:00
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