Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
Sass Pixel to Rem
Lab: Part 3a – Automating Tasks with Gulp
Video Runtime: 08:27
Bourbon will be depreciating the rem()
function. Therefore, let’s replace it out. I show you in their code where it’s noted for removal, even though it’s not mentioned in the documentation.
This is a good thing. Why? Because code changes and evolves. You need to be adaptable to adjust your codebase for changes. For example, if WordPress makes a change, you need to change your code too.
Instead, we’ll use the sass-rem module. This video will walk you through the process as you will need to change the code too.
Update – July 20, 2018
To get the pixel fallback with the latest version of sass-rem, you now need to add a variable to your utilities/variables/_typography.scss file: $rem-fallback: true;
.
Code. Eat. Code. Sleep. Dream about Code. Code.
Episodes
Total Lab Runtime: 00:48:15
- 1 The Why of a Task Runnerfree 07:39
- 2 Package JSON and Dependenciespro 07:50
- 3 First Gulp Taskpro 09:55
- 4 Running Sass Task & Fixing Errorspro 10:17
- 5 Sass Pixel to Rempro 08:27
- 6 Gulp Watchpro 04:07