Similar to how TypeScript is referred to as a superset of JavaScript, SCSS is often referred to as a superset of CSS. But what exactly is this superset?
A superset of a language is simply a layer around it, with additional functionality that doesn't exist in the regular implementation. There could also be additional best practices, methods, and so on.
At the very core, it is possible for SCSS files to contain only plain old CSS syntax. That's because all SCSS ultimately compiles to CSS, and, as such, it is served to our browsers. This makes it very approachable. It is reassuring for an SCSS newbie to know that they can keep on writing CSS and it will just work in their SCSS!
Let's make this our starting point too. First off, let's update our bootstrap-vue plugin settings, so that we use SCSS rather than CSS.
Navigate to our app&apos...