To add a preprocessor to your Pen, click the settings “gear” icon at the top of the CSS editor panel . The Pen Settings will open with the CSS tab automatically selected. You can also open Pen Settings from the button in the header.
Read moreHow do you use CodePen in JavaScript?
How to run code in CodePen
Read more