import Sencha Touch 2.4.2 source

[sencha-touch.git] / src / resources / themes / vendor / compass-recipes / stylesheets / recipes / background / _tablecloth.scss

diff --git a/src/resources/themes/vendor/compass-recipes/stylesheets/recipes/background/_tablecloth.scss b/src/resources/themes/vendor/compass-recipes/stylesheets/recipes/background/_tablecloth.scss
new file mode 100644 (file)
index 0000000..bf77db7
--- /dev/null
+++ b/src/resources/themes/vendor/compass-recipes/stylesheets/recipes/background/_tablecloth.scss
@@ -0,0 +1,30 @@
+/**
+ *
+ * Tablecloth background pattern
+ *
+ * @link http://lea.verou.me/css3patterns/#tablecloth
+ *
+ * @author Lea Verou http://lea.verou.me/ for the original pattern
+ * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
+ */
+
+@import "compass/css3/images";
+
+@mixin background-tablecloth($bg-color: white, $stripe-color: rgba(200,0,0,.5), $size: 50px) {
+    $transparent: rgba(black, 0);
+    background-color: $bg-color;
+    @include background-image(
+        linear-gradient(
+            0,
+            $stripe-color 50%,
+            $transparent 50%
+        ),
+        linear-gradient(
+            $stripe-color 50%,
+            $transparent 50%
+        )
+    );
+    background-size: $size $size;
+}
+
+