# compass/compass

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/compass-compass).**

6,665 stars · 1,161 forks · CSS · NOASSERTION

## Links

- GitHub: https://github.com/Compass/compass
- Homepage: http://compass-style.org
- awesome-repositories: https://awesome-repositories.com/repository/compass-compass.md

## Description

Compass is a CSS authoring environment and Sass extension library designed to streamline the implementation and maintenance of website designs. It functions as a framework for the Sass preprocessor, providing a collection of predefined mixins and functions to automate repetitive styling tasks.

The toolkit focuses on frontend design automation and workflow optimization. It provides specialized tools and design patterns to simplify stylesheet authoring and reduce the manual effort required to implement complex design requirements.

The system includes a build pipeline with file-watching capabilities, Ruby-based preprocessing, and a modular plugin system for tool integration. Compilation and optimization settings are managed through a centralized configuration file.

## Tags

### User Interface & Experience

- [CSS Theme Authoring](https://awesome-repositories.com/f/user-interface-experience/appearance-customizations/css-theme-authoring.md) — Provides a comprehensive environment for authoring and managing website styles using specialized tools and design patterns.
- [Stylesheet Authoring Tooling](https://awesome-repositories.com/f/user-interface-experience/stylesheet-authoring-tooling.md) — Provides specialized tooling to accelerate stylesheet authoring and reduce the effort required for complex design requirements. ([source](https://github.com/compass/compass#readme))
- [Sass Abstractions](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/component-style-customization/css-variable-styling-systems/sass-abstractions.md) — Provides a framework of Sass abstractions, including mixins and functions, to automate repetitive styling.
- [Styling Automation](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/workflow-automation-tools/design-automation-tools/styling-automation.md) — Automates common web styling tasks and standardizes design elements to reduce repetitive manual work.

### Development Tools & Productivity

- [Style Mixins](https://awesome-repositories.com/f/development-tools-productivity/style-mixins.md) — Encapsulates reusable chunks of CSS properties into named mixins to automate repetitive styling tasks.
- [Compiler Configurations](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/build-orchestration-logic/build-orchestration-configuration/build-configuration-systems/compiler-configurations.md) — Provides a centralized configuration file to manage output formats and optimization settings during the build process.
- [Source File Watching](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/development-automation/development-rebuild-triggers/source-file-watching.md) — Monitors source directories for changes to automatically trigger the recompilation of stylesheets.

### Programming Languages & Runtimes

- [CSS Preprocessing Engines](https://awesome-repositories.com/f/programming-languages-runtimes/css-preprocessing-engines.md) — Uses a Ruby-based preprocessing engine to translate custom stylesheet syntax into standard CSS during the build.

### Web Development

- [Cross-Browser CSS Authoring](https://awesome-repositories.com/f/web-development/cross-browser-css-authoring.md) — Provides a toolkit for streamlining website design implementation through standardized styling patterns and automated compatibility.
- [CSS Preprocessing Workflows](https://awesome-repositories.com/f/web-development/css-preprocessing-workflows.md) — Streamlines the process of writing and maintaining stylesheets through an optimized preprocessing workflow.
- [Sass Design Systems](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/asset-management-build-tools/asset-lifecycle-orchestration/asset-pipelines/css-preprocessors/sass-design-systems.md) — Offers a collection of predefined design tools and Sass-based architectures to simplify complex stylesheet creation.

### Software Engineering & Architecture

- [Modular Plugin Extensions](https://awesome-repositories.com/f/software-engineering-architecture/modular-plugin-extensions.md) — Implements a modular system of Ruby plugins to add specialized functionality to the CSS compiler.