creativetimofficial / now-ui-kit

Now UI Kit Bootstrap 4 - Designed by Invision. Coded by Creative Tim
https://www.creative-tim.com/product/now-ui-kit
Other
1.7k stars 376 forks source link

Wrong border-left custom color for .input-group-prepend #98

Open stebogit opened 4 years ago

stebogit commented 4 years ago

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
    }
  }
}

Screen Shot 2020-01-03 at 3 03 00 PM

Using $primary-color in _inputs.scss fixes the issue.

dragosct commented 4 years ago

Hi, @stebogit! Thank you for using our products. We will fix it in the next update.

Regards, Dragos