From the course: Create Your Own Data Blog with Quarto and Python
Join today to access over 26,200 courses taught by industry experts.
Using Bootstrap SCSS and SASS variables in your blog
From the course: Create Your Own Data Blog with Quarto and Python
Using Bootstrap SCSS and SASS variables in your blog
- [Narrator] CSS is how traditional HTML content is styled. That might be new information for you. Even if it's not, there's lots to learn in this lesson. Quarto supports an extension or superset of CSS called SCSS, or Sassy CSS. It provides us with what feels like superpowers in styling our data block. In Quarto, .scss files must contain at least the special comments in order to work correctly. These effectively split the file into two components. The scss:default comment is where we specify as SASS variables. Bootstrap defines over 1,400 of these variables. You can find an approximate full list of these variables and their default values on GitHub. Below the scss:rules comment, we can write normal CSS but uses those variables. And we can write nested rules. Let's see how that works. In the 05_03b Codespace. We are in the Codespace, and we've got a blog post here I've added about SCSS and SASS variables. We can see in…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.