question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

scss flag to disable generation of btn-outline classes

See original GitHub issue

I would like to have a flag like $enable-btn-outline to disable the generation of btn-outline classes. Another approach could be to separate button.scss file so the developer could decide which kind of button to import.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
ffooddcommented, Dec 2, 2021

As far as I know, no. As for other components, the recommended way to drop some of them is to make a custom Sass build (eg. not importing some partials before compiling). If you’re able to change a variable, you’re able to override a few partials—so the need for this is (IMHO) very low.

0reactions
meriturvacommented, Dec 3, 2021

Actually, PurgeCSS is not usable for us due to the fact that we are building our internal theme based on bootstrap. So for maintaining purposes, we would like to reduce our SCSS customizations in favor of SCSS variables/mixin/CSS custom variables.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Remove the outline around a primary button - Stack Overflow
The easiest way is to use !important for css rule: ... .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: unset !important ...
Read more >
Bootstrap Buttons - examples & tutorial
Responsive Buttons built with Bootstrap 5. Multiple predefined button style classes: button link, outline, round button, social, floating, fixed & more.
Read more >
How to Edit, Customize, and Override Bootstrap CSS to Suit ...
Learn how to override Bootstrap CSS using simple CSS overrides or Sass variables and maps to customize your site.
Read more >
enabled - CSS: Cascading Style Sheets - MDN Web Docs
An element is enabled if it can be activated (selected, clicked on, typed into, etc.) or accept focus. The element also has a...
Read more >
Buttons - Bootstrap
Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button. Primary Secondary Success Danger...
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