diff options
1 files changed, 42 insertions, 0 deletions
| -rw-r--r-- | src/forms.less | 42 |
diff --git a/src/forms.less b/src/forms.less index f6d1500..6583585 100644 --- a/src/forms.less +++ b/src/forms.less @@ -164,10 +164,48 @@ &:focus { .control-shadow(@control-color-error); } + + & + .form-input-hint { + color: @control-color-error; + } } } } +// Form Icons +.has-icon-left, +.has-icon-right { + position: relative; + + .form-icon { + margin: 0 .8rem; + min-width: 1.4rem; + position: absolute; + top: 50%; + transform: translateY(-50%); + } +} + +.has-icon-left { + .form-icon { + left: 0; + } + + .form-input { + padding-left: 3rem; + } +} + +.has-icon-right { + .form-icon { + right: 0; + } + + .form-input { + padding-right: 3rem; + } +} + // Form element: Checkbox and Radio .form-checkbox, .form-radio, @@ -370,6 +408,10 @@ } } + .form-select { + width: auto; + } + &.input-inline { display: inline-flex; } |