Compass core framework is a design-agnostic framework that provides common code that would otherwise be dublicated across other framworks and extensions.
files can be imported using @import "compass"
Compass runs on any computer that has ruby installed.
gem update --system
gem install compass
Compass allows the user to:
- Set up a new compass project with start stylesheets.
- Select CSS (SCSS) or Indent Based (Sass) syntax.
- Select compass's directory structure or customize it.
gem install compass
compass create project_name
The compass typography module provides some basic mixins for common styling patterns. These files can be imported using @import "compass/utilties"
- LINKS
- Hover - Underline a link when you hover over it.
- Link Colors - Easy assignment of colors to link states.
- Unstyled Link - Make a link appear like regular text.
- LISTS - Bullets - Mixins for managing list bullets. - Horizontal List - Float a list os it appears horizontally. - Inline-Block List - set list-elements to inline-block so they appear horizontally while retaining their structure. - Inline List - Style a list as inline text.
- TEXT - Ellipsis - Text truncation with ellipsis. - Force Wrap - Wrap URLS and long lines of text. - No Wrap - Remembering whether or not there is a hypeh in white-space is too hard. - Text Replacement - Replace text with images.
- COLOR - Color Contrast - Contrast foreground with background colors.
- GENERAL - Clearfix - Mixins for clearfixing. - Float - Mixins for cross browser floats. - Hacks - Mixins for hacking specific browsers. - Minimums - Mixins for cross-browser min height and min width. - Reset - Mixins for resetting elements (old import). - Tag Cloud - Mixin for styling tag clouds.
- SPRITES - Base - Image
- TABLES - Table Striping - Add striping to a table. - Table Borders - Add borders to a table. - Table Scaffolding - Basic styling of tables to get you started.