Importing bootstrap.scss in between _variables.scss and _bootswatch.scss doesn't work as per instruction

[archiesmuts]

Thanks a stack for bootswatch. Great tool. For some reason I get the following error when installing package for Sass project

---

Using RoR 6.1.3 and bootstrap '5.0.0'

ActionController: Exception caught ActionView::Template::Error (Error: File to import not found or unreadable: ~bootstrap/scss/bootstrap. on line 9:1 of app/assets/stylesheets/application.scss

@import "~bootstrap/scss/bootstrap"; @import "sketchy/variables"; @import "~bootstrap/scss/bootstrap"; @import "sketchy/bootswatch";

---

However it works if I change the import as follows: #This works @import "sketchy/variables"; @import "bootstrap"; @import "sketchy/bootswatch";

I'm happy that it works in general but the styling for check boxes and radio buttons is always a mess and I have to apply additional css to make it align properly etc.

Styling for switches don't work at all. It display as regular check boxes but with the alignment out of whack. Appreciate your feedback Thank you.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[nomuna]

Ran into a similar issue... I am compiling a custom css from the default 5.1.3 bootstrap.scss file. Downloaded the _bootswatch.scss and _variables.css from the bootswatch.com

Fiddled around with the import order and the one worked was this.

@import "./_variables";
@import "../node_modules/bootstrap/scss/bootstrap";
@import "./_bootswatch";