github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
19 Commits 8 Branches 80 Tags 10 MiB
Ruby 48.2%
SCSS 27.5%
Haml 16.8%
Sass 3.1%
Gherkin 2.4%
Other 2%
fbceb3fbbc
Go to file
Chris Eppstein fbceb3fbbc Sass Utility Mixins that encapsulate many common styling patterns. Using them can significantly speed up the styling of a webpage. 
Here's a quick rundown of what's included in this checkin (@ denotes an import file, + denotes a mixin):

@ compass/utilities
  @ compass/utilities/general
    @ compass/utilities/general/clearfix
      +clearfix - Clearing floats without extra markup
    @ compass/utilities/general/tag_cloud
      +tag-cloud(!base_size = 1em) - Emits styles for a tag cloud
  @ compass/utilities/links
    @ compass/utilities/links/hover_link
      +hover-link - makes a link underlined only when hovered.
    @ compass/utilities/links/link_colors
      +link-colors(!normal, [!hover, !active, !visited, !focus]) - specify all the colors
        of a link with one mixin. Colors not sepecified will not be emitted, this may or
        may not work out depending on how you've defined your style rules.
    @ compass/utilities/links/unstyled_link
      +unstyled-link - A link that looks and acts like the text it is contained within
  @ compass/utilities/lists
    @ compass/utilities/lists/bullets
      +no-bullet - Turns off the bullet for a single list element.
      +no-bullets - Turns off the bullets for all the list elements in a list.
      +pretty-bullets(!bullet_icon, !width, !height[, !line_height = 18px, !padding = 14px]) - use an icon for the list elements of a list.
    @ compass/utilities/lists/horizontal_list
      +horizontal-list - A list where the elements are floated left.
    @ compass/utilities/lists/inline_list
      +inline-list - A list where both the list and the list elements are inlined.
      +comma-delimited-list - an inline-list that is comma delimited.
  @ compass/utilities/tables
    @ compass/utilities/tables/alternating_rows_and_columns
      +alternating-rows-and-columns(!even_row_color, !odd_row_color, !dark_intersection) - The first colors are the even/odd colors respectively and the last argument is a shade that is subtracted from those colors for the even columns.
  @ compass/utilities/text
    @ compass/utilities/text/nowrap
      +nowrap - Because remembering whether or not there's a hyphen in white-space is too hard
2008-09-28 16:13:03 -07:00
bin Initial Checkin of Compass. Used to be Blueprint-Sass. 2008-08-23 10:00:46 -07:00
examples Updated broken links from index page 2008-09-24 17:56:38 -07:00
frameworks Sass Utility Mixins that encapsulate many common styling patterns. Using them can significantly speed up the styling of a webpage. 2008-09-28 16:13:03 -07:00
lib small fix to the 'lines to the head of your application.html.haml' 2008-08-31 00:04:03 +01:00
test Initial Checkin of Compass. Used to be Blueprint-Sass. 2008-08-23 10:00:46 -07:00
.gitignore gemspec 2008-08-24 00:05:04 -07:00
compass.gemspec updated gemspec 2008-08-24 18:14:24 -07:00
Manifest Fix incorrect paths in Manifest 2008-08-24 19:12:18 -07:00
Rakefile process haml files in the examples correctly. 2008-09-28 15:13:33 -07:00
README.markdown Read me. 2008-08-23 16:52:44 -07:00
VERSION Initial Checkin of Compass. Used to be Blueprint-Sass. 2008-08-23 10:00:46 -07:00

README.markdown

Compass

A Sass-based CSS Meta-Framework that allows you to mix and match any of the following CSS frameworks:

Compass Provides

  1. A command line tool for maintaining your Sass projects.
  2. Ruby-on-Rails integration
  3. Scaffolds - Generate templates with corresponding Sass stylesheets.
  4. Loads of Sass files to make building your website a snap.

More Information

Please see the wiki