margin-right: 0.75rem
.control
+ box-sizing: border-box
clear: both //fixes the icon floating out of the input when help text is floated right
font-size: $size-normal
position: relative
text-align: left
- box-sizing: border-box
// Modifiers
- // DEPRECATED
- &.has-icon
- .icon
- color: $input-icon-color
- height: $input-height
- pointer-events: none
- position: absolute
- top: 0
- width: $input-height
- z-index: 4
- .input
- &:focus
- & + .icon
- color: $input-icon-active-color
- &.is-small
- & + .icon
- font-size: $size-small
- &.is-medium
- & + .icon
- font-size: $size-medium
- &.is-large
- & + .icon
- font-size: $size-large
- &:not(.has-icon-right)
- .icon
- left: 0
- .input
- padding-left: $input-height
- &.has-icon-right
- .icon
- right: 0
- .input
- padding-right: $input-height
&.has-icons-left,
&.has-icons-right
.input,