| .input-options { |
| display: flex; |
| border: 1px solid $light-gray; |
| border-radius: 2px; |
| height: 30px; |
| &:hover { |
| border-color: $gray; |
| } |
| .input-options-select { |
| float: left; |
| border: none; |
| transition-property: width; |
| transition-duration: 300ms; |
| padding-top:0px; |
| padding-bottom: 0px; |
| height:28px; |
| } |
| |
| .input-options-other{ |
| float: left; |
| height: 30px; |
| border: none; |
| padding-top:0px; |
| padding-bottom: 0px; |
| height:28px; |
| } |
| .input-options-separator { |
| width: 1px; |
| height: 24px; |
| margin-top: 2px; |
| margin-bottom: 2px; |
| border:1px solid $light-gray; |
| } |
| } |
| |
| .input-options.has-error { |
| border-color: #A94442; |
| } |
| |