Monday, January 16, 2012

Compass imports

Yeah, some articles on this blog are a dumping ground for when a crib is needed.
The Compass docs are not particularly easy to scan through quickly.

Compass imports
ex: @import "compass/layout"

compass/

  grid-background
  sticky-footer
  stretching

  css3
    appearance – Specify the CSS3 appearance property.
    background clip – Specify the background clip for all browsers.
    background origin – Specify the background origin for all browsers.
    background size – Specify the background size for all browsers.
    border radius – Specify the border radius for all browsers.
    box – This module provides mixins that pertain to the CSS3 Flexible Box.
    box shadow – Specify the box shadow for all browsers.
    box sizing – Specify the box sizing for all browsers.
    columns – Specify a columnar layout for all browsers.
    font face – Specify a downloadable font face for all browsers.
    gradient – Specify linear gradients and radial gradients for all browsers.
    images – Specify linear gradients and radial gradients for many browsers.
    inline block – Declare an element inline block for all browsers.
    opacity – Specify the opacity for all browsers.
    text shadow – Specify the text shadow for all browsers.
    transform – Specify transformations for many browsers.
    transition – Specify a style transition for all browsers.

  typography
    links
      hover-link
      link-colors
      unstyled-link

    lists
      bullets
      horizontal-list
        bullets
        clearfix
        float
      inline-block-list
        bullets
        inline-block
        float
        horizontal-list
      inline-list

    text
      ellipsis
      force-wrap
      no-wrap
      text-replacement
    vertical-rhythm

  utilities
    links – Tools for styling anchor links. (from typography)
    lists – Tools for styling lists. (from typography)
    text – Style helpers for your text. (from typography)

    color – Utilities for working with colors.
     color-contrast

    general – Generally useful utilities that don't fit elsewhere.
      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 – Sprite mixins.
      sprite-image
    tables – Style helpers for your tables.
      table-striping
      table-borders
      table-scaffolding

Post a Comment