How do you write CSS in CodePen?

For quickest access, click the gear icon in the upper left of the JS editor panel . That opens the Pen Settings menu with the JavaScript tab automatically selected. Or, click the “Settings” button in the header, then select the JavaScript tab from the Pen Settings menu.

Read more

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 more