Jekyll provides built-in support for Sass, a style sheet language, which includes features that extend the functionality of plain static CSS. These are some of the Sass features I used.
The use of variables is useful to keep colors and font sizes consistent throughout the web site.
Nesting is good for writing CSS with a clear nested and visual hierarchy.
Partial Sass files contain little snippets of CSS that can be included in other Sass files. This is a great way to modularize the CSS, keeping things easier to maintain.
Sass import can be used to concatenate all partials into a single file. The main benefit of a single style sheet is that it reduces the number of server requests when first loading the page.
I take advantage of the file size optimization available with Sass. In the
_config.yml file I added this line to output compressed CSS.