CSS

Changing bullet colour and icon of a html list element using CSS

by Gav 02/03/2021

You probably know a few tricks for changing bullet colour and icon of a html list element using CSS, but this one might be new!

@Debug, @Warn and @Error: debugging in Sass

by Gav 07/11/2019

Did you know that Sass offers debugging tools to make CSS styling easier? Learn how to use @debug, @warn and @error to send debug messages to your console.

@If, @Else, @Else if and @If not: Sass conditional statements

by Gav 06/11/2019

Using conditional statements in Sass and SCSS. Learn how to use @if, @else, @else if and @if not in this simple tutorial.

For, Each and While loops in Sass and SCSS

by Gav 05/11/2019

How do you do For, Each and While loops in Sass and SCSS. Learn how to loop in Sass using this simple tutorial, with examples.

String interpolation in JavaScript, Sass and scss

by Gav 01/11/2019

Use Sass variables inside css variables and strings. Learn how to interpolate strings in JavaScript(es6), Sass and scss.

Only hide CSS overflow on a single x or y axis, or ignore it

by Gav 11/10/2019

Learn some tricks to work with overflow, overflow-x and overflow-y:hidden. Lets fix hiding overflow on a single axis only and escape child elements.