Compass CSS3

The CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3, for example border-radius and text-shadow.

What rendering engines you support for the experimental css properties is governed by the configurable variables defined in the css3 shared module.

This file can be imported using: @import "compass/css3"

View the Source for this module on Github.

Imports

The following sass files are automatically imported when you import this file:

  1. Background Clip – Specify the background clip for all browsers.
  2. Background Origin – Specify the background origin for all browsers.
  3. Background Size – Specify the background size for all browsers.
  4. Border Radius – Specify the border radius for all browsers.
  5. Box – This module provides mixins that pertain to the CSS3 Flexible Box.
  6. Box Shadow – Specify the box shadow for all browsers.
  7. Box Sizing – Specify the box sizing for all browsers.
  8. Columns – Specify a columnar layout for all browsers.
  9. Font Face – Specify a downloadable font face for all browsers.
  10. Gradient – Specify linear gradients and radial gradients for all browsers.
  11. Inline Block – Declare an element inline block for all browsers.
  12. Opacity – Specify the opacity for all browsers.
  13. Text Shadow – Specify the text shadow for all browsers.
  14. Transform – Specify the 2D transformation for all browsers.
  15. Transition – Specify a style transition for all browsers.