github.com/manicqin/nomad@v0.9.5/ui/app/styles/core/forms.scss (about) 1 @mixin input { 2 @include control; 3 background-color: #fff; 4 border-color: $grey-blue; 5 color: $text; 6 7 &:hover, 8 &.is-hovered, 9 &:active, 10 &.is-active, 11 &:focus, 12 &.is-focused { 13 border-color: darken($grey-blue, 5%); 14 } 15 16 &[disabled] { 17 background-color: $grey-blue; 18 border-color: darken($grey-blue, 5%); 19 } 20 } 21 22 .input, 23 .textarea { 24 @include input; 25 box-shadow: none; 26 padding: 0.4em 0.75em; 27 height: auto; 28 29 &::placeholder { 30 color: $grey-blue; 31 } 32 33 &.is-compact { 34 padding: 0.25em 0.75em; 35 margin: -0.25em -0.25em -0.25em 0; 36 } 37 } 38 39 .field { 40 &.is-inline { 41 display: inline-block; 42 } 43 }