From 2b29dd0bbcf92997669fe04907433cea11276d18 Mon Sep 17 00:00:00 2001
From: Chris Eppstein <chris@eppsteins.net>
Date: Mon, 21 Feb 2011 12:49:09 -0800
Subject: [PATCH] Docs for the new contrast module.

---
 .../examples/compass/utilities/contrast.haml     |  8 ++++++++
 .../compass/utilities/contrast/markup.haml       |  3 +++
 .../compass/utilities/contrast/stylesheet.sass   | 11 +++++++++++
 .../reference/compass/utilities/color.haml       | 16 ++++++++++++++++
 .../compass/utilities/color/contrast.haml        | 13 +++++++++++++
 5 files changed, 51 insertions(+)
 create mode 100644 doc-src/content/examples/compass/utilities/contrast.haml
 create mode 100644 doc-src/content/examples/compass/utilities/contrast/markup.haml
 create mode 100644 doc-src/content/examples/compass/utilities/contrast/stylesheet.sass
 create mode 100644 doc-src/content/reference/compass/utilities/color.haml
 create mode 100644 doc-src/content/reference/compass/utilities/color/contrast.haml

diff --git a/doc-src/content/examples/compass/utilities/contrast.haml b/doc-src/content/examples/compass/utilities/contrast.haml
new file mode 100644
index 00000000..eca3504a
--- /dev/null
+++ b/doc-src/content/examples/compass/utilities/contrast.haml
@@ -0,0 +1,8 @@
+---
+title: Compass Contrast Color Example
+description: Make text readable
+framework: compass
+stylesheet: compass/utilities/color/_contrast.scss
+example: true
+---
+= render "partials/example"
diff --git a/doc-src/content/examples/compass/utilities/contrast/markup.haml b/doc-src/content/examples/compass/utilities/contrast/markup.haml
new file mode 100644
index 00000000..c5184b33
--- /dev/null
+++ b/doc-src/content/examples/compass/utilities/contrast/markup.haml
@@ -0,0 +1,3 @@
+.example
+  %p.dark This is a paragraph with a <em>dark</em> background and <em>light</em> text.
+  %p.light This is a paragraph with a <em>light</em> background and <em>dark</em> text.
diff --git a/doc-src/content/examples/compass/utilities/contrast/stylesheet.sass b/doc-src/content/examples/compass/utilities/contrast/stylesheet.sass
new file mode 100644
index 00000000..2e8c9416
--- /dev/null
+++ b/doc-src/content/examples/compass/utilities/contrast/stylesheet.sass
@@ -0,0 +1,11 @@
+$contrasted-dark-default:  #333
+$contrasted-light-default: #e7e7e7
+
+@import "compass/utilities/color/contrast"
+
+.example
+  p.dark
+    +contrasted(#5F1210)
+  p.light
+    +contrasted(#C82523)
+
diff --git a/doc-src/content/reference/compass/utilities/color.haml b/doc-src/content/reference/compass/utilities/color.haml
new file mode 100644
index 00000000..c0fb5803
--- /dev/null
+++ b/doc-src/content/reference/compass/utilities/color.haml
@@ -0,0 +1,16 @@
+--- 
+title: Compass Color
+crumb: Color
+framework: compass
+stylesheet: compass/utilities/_color.scss
+layout: core
+sidebar: true
+meta_description: Utilities for working with colors.
+classnames:
+  - reference
+  - core
+  - utilities
+---
+- render 'reference' do
+  %p
+    Utilities for working with colors.
diff --git a/doc-src/content/reference/compass/utilities/color/contrast.haml b/doc-src/content/reference/compass/utilities/color/contrast.haml
new file mode 100644
index 00000000..327d5b6d
--- /dev/null
+++ b/doc-src/content/reference/compass/utilities/color/contrast.haml
@@ -0,0 +1,13 @@
+--- 
+title: Compass Color Contrast
+crumb: Color Contrast
+framework: compass
+stylesheet: compass/utilities/color/_contrast.scss
+layout: core
+meta_description: Contrast foreground with background colors.
+classnames:
+  - reference
+  - core
+  - utilities
+---
+= render 'reference'