We use shorthand properties to set the values of multiple CSS properties simultaneously, resulting in more optimised and efficient code.
In this article, we will look at the most commonly missed areas to implement shorthand properties, compare them to their longhand counterparts, and learn the order of values for said properties.
Note: More about the other types of shorthand properties can be found here!
The following background properties can be shortened from…
The use of CSS Variables allows us as developers to instantly update a property value throughout our entire application with one single change - no more ‘Find and Replace’ or tediously searching through thousands of lines of code to update countless styles.
The easiest way to understand CSS…