codepenio-syntax
Make atom look like codepen.io's default editor.
penguoir 418 0 0.1.0 MIT GitHub

Keywords

  • syntax
  • theme
  • codepen

Codepen.io Syntax Theme

Make atom look like the default editor on codepen with this theme.

Make sure you have the Monaco font installed on your computer to further resemble codepen.

Examples

HTML

HTML example code

CSS

CSS example code (from normalize.css)

Code from Normalize.css

JS

JS example code (from NASA)

Code from NASA Javascript isn't exactly like codepen because atom doesn't scope all characters in JS.