Looking to personalize Bootstrap 4 using Sass. My goal is to contain the imports within specific classes in order to target only certain parts of the website.
For example:
.page-one,
.page-two {
/* imports go here */
}
Customizing it by altering the styling and renaming the main bootstrap.scss file directly works fine. But as soon as I group it within classes, the browser doesn't pick it up at all.
Am I making a mistake somewhere? Should I refrain from wrapping it like this? If so, then how should I approach it?
Appreciate your help.