Articles
Sass
Sass (Syntactically Awesome Stylesheets) is a preprocessor scripting language which is compiled into CSS (Cascading Style Sheets). Although the CSS standards are generally starting to catch up now, what Sass offers that conventional CSS lacks is the likes of variables, mixins, and functions, making CSS more maintainable and extendable.
Below you will find a subset of articles from my blog specifically about Sass. This is an area that I have worked with for many years, and have managed to write about quite a few times. There are twenty‑five collected together for you below.
Control CSS Container Layouts with place‑content. Control CSS Container Layouts with
Simplify Your Layout CSS with place‑items. Simplify Your Layout CSS with
place‑items
Understanding the CSS :where() Function. Understanding the CSS
:where()Function
Improve Page Performance with content‑visibility. Improve Page Performance with
content‑visibility
Using Container Queries in CSS. Using Container Queries in CSS
Using the CSS :has Pseudo‑Class. Using the CSS
:hasPseudo‑ClassUse CSS to Change the Mouse Cursor. Use CSS to Change the Mouse Cursor
Flexbox vs. grid. Flexbox vs.
grid
Access CSS Variables from a Database via db‑connect. Access CSS Variables from a Database via
db‑connect
Detecting and Dealing with Website Theft. Detecting and Dealing with Website Theft
Rendering Contentful Rich Code Snippets in Gatsby. Rendering Contentful Rich Code Snippets in Gatsby
CSS Focus Styles for Keyboard Users Only. CSS Focus Styles for Keyboard Users Only
Parent Selectors in CSS and Sass. Parent Selectors in CSS and Sass
Using CSS to Deal with Widows. Using CSS to Deal with Widows
Reducing Image Brightness with CSS. Reducing Image Brightness with CSS
Interpolation: Sass Variables Inside calc(). Interpolation: Sass Variables Inside
calc()
Break Out of CSS Nesting with Sass. Break Out of CSS Nesting with Sass
Advanced Sass: Loops. Advanced Sass: Loops
