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 moreWhy is CodePen used?
People use CodePen for all sorts of things: prototyping new ideas, reduced test cases for bugs, sending clients things to look at, evaluating potential hires, to finding inspiration . People also use CodePen as a sort of resume and portfolio, showing off their best design and development work.
Read moreHow do you use CodePen?
How to run code in CodePen
Read more