Allow border radius if only one control in field

If there is only one child inside a field with addons, the current first and last child selectors remove any radius. Since a single control would be both a first and last child at the same time, it gets canceled out. This leverages the :only-child property to not apply this rule if there is only one control.
This commit is contained in:
Joe Sweeney 2018-10-14 01:22:41 -06:00 committed by Jeremy Thomas
parent 14dac4c562
commit 8355aa363c

View File

@ -437,13 +437,13 @@ $help-size: $size-small !default
.input, .input,
.select select .select select
border-radius: 0 border-radius: 0
&:first-child &:first-child:not(:only-child)
.button, .button,
.input, .input,
.select select .select select
border-bottom-right-radius: 0 border-bottom-right-radius: 0
border-top-right-radius: 0 border-top-right-radius: 0
&:last-child &:last-child:not(:only-child)
.button, .button,
.input, .input,
.select select .select select