vecnatechnologies / brec-base Goto Github PK

The slash added to disabled buttons are often in wrong places and raise questions of why they are there. The slash should be removed for now, and eventually the styles of disabled buttons will be updated/replaced with the newer BREC.

There's this style rule defined in the buttons module (line 244 of _buttons.scss)

  // Hide radio buttons and checkboxes within button groups
  input[type=checkbox], input[type=radio] {
    position: absolute;
    left: -9999em;
  }

This hides all checkboxes and radio buttons. It's accompanied by a whole set of other style rules that replace standard checkboxes and radio buttons with icomoon icons and style the label elements to look like buttons. However, these rules are only applied to checkboxes accompanied by labels with the class "btn". This results in checkboxes that aren't accompanied by "btn" labels being hidden but not replaced with anything.

You can see the issue in lines 135-242 of _buttons.scss.

in _default-settings.scss, there are the following definitions:

First,
$link-hover-color: #00b6f2;

and later,
// Links
$link-default-color: #0090bf !default;
$link-visited-color: lighten(desaturate($link-default-color, 30%), 10%) !default;
$link-hover-color: lighten($link-default-color, 10%) !default;
$link-active-color: lighten($link-default-color, 20%) !default;

The first link-hover-color is the one that is chosen and that makes it impossible to just overwrite the link-default-color and get the rest for free.

There's three places that _nav.scss tries to use FontAwesome icons even though this project uses icomoon. These icons don't load in nexus-prime because we don't have any FontAwesome font defined.

nav-toggle
nav-dropdown
nav-item.back