By

Compass

What is Compass?

The compass core framework is a design-agnostic framework that provides common code that would otherwise be duplicated across other frameworks and extensions.

Compass is a tool in the Templating Languages & Extensions category of a tech stack.

Compass Pros & Cons

Pros of Compass

✓No vendor prefix CSS pain
✓Compass sprites
✓Mixins
✓Variables

Cons of Compass

No cons listed yet.

Compass Integrations

Sass, CodeKit, Ember-cli are some of the popular tools that integrate with Compass. Here's a list of all 3 tools that integrate with Compass.

Sass

CodeKit

Ember-cli

Compass Discussions

Discover why developers choose Compass. Read real-world technical decisions and stack choices from the StackShare community.

Dallas Peters

User Experience Designer at AmericanBibleSociety

Apr 7, 2016

Needs adviceon

Compass

Sass library that was originally used on the current JourneyMaker app. We've been slowly removing it from the front end. Compass

0 views0

Comments

Compass Alternatives & Comparisons

What are some alternatives to Compass?

Sass

Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

Animate.css

It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

Autoprefixer

It is a CSS post processor. It combs through compiled CSS files to add or remove vendor prefixes like -webkit and -moz after checking the code.

css-loader

The css-loader interprets @import and url() like import/require() and will resolve them.

Less

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

PostCSS

PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.