ForEvolve/bootstrap-dark

Reboot classes included in both themes

prymitive opened this issue · 1 comments

When using bootstrap-dark reboot styles are included under .bootstrap {} (see https://github.com/ForEvolve/bootstrap-dark/blob/master/scss/toggle-bootstrap.scss#L20), the side effect is that they might be more specific then extra classes imported and so override them. An example is using FontAwesome icons that use .fa-xxx on svg elements for extra styling, those styles are overwritten by https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_reboot.scss#L257-L262.

Would it be possible to move reboot from under .bootstrap {}?

It would be possible but will require some additional efforts to ensure both light and dark stylesheets are not creating conflicts as _reboot.scss is included in both. Moreover, at first glance, there seem to be some color variables involved in _reboot.scss, which may cause some conflicts. One example would be L52 and L54, and there are more.

That said, this could be fixed as part of some optimization related to #20 or #39, but my bandwidth is limited. I'll keep this in mind and hopefully find some time to move those items forward, including this one.