Reboot.scss overwrote some of my css

See original GitHub issue

I was taken by surprise by some changes happened to the css of my app, I’m importing v4 via CDN, and apparently reboot.scss broke some of my CSS. Some of my link tags had some styling or the default blue link color but this line imported from reboot.scss

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

changed the styling (my app is in angular, so I don’t use href and use ng-click instead, for e.g)

Is there a way to ignore reboot.scss?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:20 (3 by maintainers)

github_iconTop GitHub Comments

20reactions
codementationcommented, Dec 9, 2020

Normally I wouldn’t comment on an issue closed for this long, but this ranks high on search engines and just wanted to leave a simpe solution for anyone else that stumbles on this. For React or or any SCSS @import use case simply place your custom overrides below the @import and the subsequent stylesheets will “cascade” as desired - effectively overriding _reboot.scss:

e.g.:

// index.scss

// Import bootstrap, anything before this gets overridden by _reboot
@import '../node_modules/bootstrap/scss/bootstrap'; 
// Overrides go here
a {}
18reactions
kingalionecommented, Jan 31, 2020

Why is this issue closed? I have same problems here. _reroot.scss is constantly overwriting my styles.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap 4 - Reboot.scss overriding Global.scss
I was trying to override the colour of a link and could not get the local css styles to override _reboot.scss.247.
Read more >
My custom CSS is overwritten by the bootstrap CSS - Laracasts
Hi, I am quite new to all of this and I am writing for the first time to this forum, so I hope...
Read more >
How To Override Default Bootstrap CSS Styles - BootstrapDash
We have you covered if you are wondering how to override default bootstrap CSS Styles. Check out how to override the bootstrap CSS...
Read more >
Reboot - Bootstrap
Reboot, a collection of element-specific CSS changes in a single file, kickstart Bootstrap to provide an elegant, consistent, and simple baseline to build...
Read more >
Bootstrap 4 - Reboot.Scss Overriding Global.Scss - ADocLib
Override bootstrap style not working Stack Overflow photograph. Reboot.scss overwrote some of my css Issue #19746 twbs What's changed in Bootstrap 5. Bootstrap ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found