123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- %input-textarea
- @extend %input
- box-shadow: $input-shadow
- max-width: 100%
- width: 100%
- &[readonly]
- box-shadow: none
- // Colors
- @each $name, $pair in $colors
- $color: nth($pair, 1)
- &.is-#{$name}
- border-color: $color
- &:focus,
- &.is-focused,
- &:active,
- &.is-active
- box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
- // Sizes
- &.is-small
- +control-small
- &.is-medium
- +control-medium
- &.is-large
- +control-large
- // Modifiers
- &.is-fullwidth
- display: block
- width: 100%
- &.is-inline
- display: inline
- width: auto
- .input
- @extend %input-textarea
- &.is-rounded
- border-radius: $radius-rounded
- padding-left: 1em
- padding-right: 1em
- &.is-static
- background-color: transparent
- border-color: transparent
- box-shadow: none
- padding-left: 0
- padding-right: 0
- .textarea
- @extend %input-textarea
- display: block
- max-width: 100%
- min-width: 100%
- padding: 0.625em
- resize: vertical
- &:not([rows])
- max-height: 600px
- min-height: 120px
- &[rows]
- height: initial
- // Modifiers
- &.has-fixed-size
- resize: none
|