I import the nou-ui-kit.scss files in order to customize my colors.
I noticed that on input-groups 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.
I import the
nou-ui-kit.scssfiles in order to customize my colors.I noticed that on
input-groups withinput-group-prependelements the left border is not correctly colored with my custom$primary-color(but the default orange):Using
$primary-colorin_inputs.scssfixes the issue.