css

CSS stands for Cascading STyle Sheets and is a language for styling HTML web pages as well other documents.

I specifically use .scss files (Sass: Syntactically Awesome Style Sheets). They have all the functionality of css files but more to make it easier.

Files

We have set a light and dark theme for this website. Therefore we use 2 scss files:

• styles_dark.scss for the dark theme
• styles_light.scss for the light theme

These are designated in the format segment of our _quarto.yml file.

Fonts

At the top of the css I import the fonts. To get the import text:

1. Go to google fonts
2. Choose a font
   • e.g. Lexend
3. On the font page click “Get font” (top right)
4. Click “<> Get embed code”
5. I like to ensure only one font is chosen, bin any on the left that is not the one you want
6. On the Web tab choose “@import”
7. Copy the embed code (you can exclude the <style> and </style))
8. Paste into your scss