CodeKit - Compass

First Steps:: Getting Started; Live-Reload Browsers; Browser Sync; Set Language Options; Set Output Paths & Action

Second Steps:: Defaults For New Projects; Build Your Project; Set Target Browsers

Stuff To Know:: CodeKit + Git; Troubleshooting; License Recovery

PostCSS Tools:: Autoprefixer; PurgeCSS; Custom PostCSS Plugins

Other Tools:: npm; Babel — (JS Transpiler); Terser — (JS Minifier); Rollup — (JS Bundler); Cache-Buster; HTML-Minifier; LightningCSS; Bless

Languages:: Sass; Less; Stylus; JavaScript; CoffeeScript; TypeScript; Pug; Haml; Slim; Kit; Markdown; JSON

Image Optimizers:: WebP; PNG; JPEG; SVG; GIF

Frameworks:: CodeKit Frameworks; Tailwind; Bootstrap; Bourbon; Bitters; Zurb Foundation; Susy; Nib; Jeet

Syntax Checkers:: ESLint

Advanced:: Hooks; Environment Variables; Adding Custom Languages; Team Workflows; Scripting CodeKit

Editor Plugins:: Nova; Atom; Sublime Text; Coda 2

More: Read-Only Mode; Upgrading From 2.0; FAQ

What Was Compass?

Compass was a CSS-Authoring framework for Sass. It provided Sass mixins and other functionality that helped you kickstart a website quickly. For full details, see the official documentation.

WARNING:

Compass is no longer actively developed. You should not use it for new projects. Consider TailwindCSS or Bourbon instead, which are also part of CodeKit.

Compass was end-of-lifed in 2016 and CodeKit has maintained support for it for 5+ years. This support will be completely removed in a future version of CodeKit, so you should migrate your old Compass projects to a modern framework.