bulma and fontawesome instaled
[josuexyz/.git] / public / vendors / bulma / sass / form / input-textarea.sass
1 $textarea-padding: $control-padding-horizontal !default
2 $textarea-max-height: 40em !default
3 $textarea-min-height: 8em !default
4
5 %input-textarea
6   @extend %input
7   box-shadow: $input-shadow
8   max-width: 100%
9   width: 100%
10   &[readonly]
11     box-shadow: none
12   // Colors
13   @each $name, $pair in $colors
14     $color: nth($pair, 1)
15     &.is-#{$name}
16       border-color: $color
17       &:focus,
18       &.is-focused,
19       &:active,
20       &.is-active
21         box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
22   // Sizes
23   &.is-small
24     +control-small
25   &.is-medium
26     +control-medium
27   &.is-large
28     +control-large
29   // Modifiers
30   &.is-fullwidth
31     display: block
32     width: 100%
33   &.is-inline
34     display: inline
35     width: auto
36
37 .input
38   @extend %input-textarea
39   &.is-rounded
40     border-radius: $radius-rounded
41     padding-left: calc(#{$control-padding-horizontal} + 0.375em)
42     padding-right: calc(#{$control-padding-horizontal} + 0.375em)
43   &.is-static
44     background-color: transparent
45     border-color: transparent
46     box-shadow: none
47     padding-left: 0
48     padding-right: 0
49
50 .textarea
51   @extend %input-textarea
52   display: block
53   max-width: 100%
54   min-width: 100%
55   padding: $textarea-padding
56   resize: vertical
57   &:not([rows])
58     max-height: $textarea-max-height
59     min-height: $textarea-min-height
60   &[rows]
61     height: initial
62   // Modifiers
63   &.has-fixed-size
64     resize: none