Wrong border-left custom color for .input-group-prepend
stebogit opened this issue · 1 comments
stebogit commented
I import the nou-ui-kit.scss
files in order to customize my colors.
I noticed that on input-group
s with input-group-prepend
elements the left border is not correctly colored with my custom $primary-color
(but the default orange):
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="fa fa-user" aria-hidden="true"></i>
</span>
</div>
<input id="email" type="text" class="form-control" name="email" required>
</div>
// now-ui-kit/scss/now-ui-kit/_inputs.scss
.input-group,
.form-group{
// ...
&.input-group-focus {
.input-group-prepend .input-group-text {
border-left: 1px solid #f96332; // <-- should be $primary-color
}
.input-group-append .input-group-text {
border-right: 1px solid #f96332; // <-- should be $primary-color
}
}
}
Using $primary-color
in _inputs.scss
fixes the issue.