/*————————————
Form Elements
————————————*/ .u-form-control {
padding: .8rem 1rem .6rem; &::placeholder { color: inherit; opacity: .3; } &::-moz-placeholder { color: inherit; opacity: .3; } &::-webkit-input-placeholder { color: inherit; opacity: .3; } &-sm { padding: .4rem .5rem .1rem; font-size: .875rem; } &-lg { padding: .75rem 1.5rem .55rem; font-size: 1.25rem; } &-shadow--focus:focus { box-shadow: 0 0 5px rgba($g-color-black, .3); }
}
.u-textarea-expandable {
max-height: 42px; transition: { property: max-height; duration: .2s; timing-function: ease-in; } &:focus { max-height: 90px; }
}