From b80bd744ad873f6fc43018bc4bfb90677de167bd Mon Sep 17 00:00:00 2001
From: Stefan Wintermeyer <stefan.wintermeyer@amooma.de>
Date: Mon, 17 Dec 2012 12:01:45 +0100
Subject: Start of GS5.

---
 .../vendor/fancy-buttons/_fancy-gradient.scss      | 28 ++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 app/assets/stylesheets/vendor/fancy-buttons/_fancy-gradient.scss

(limited to 'app/assets/stylesheets/vendor/fancy-buttons/_fancy-gradient.scss')

diff --git a/app/assets/stylesheets/vendor/fancy-buttons/_fancy-gradient.scss b/app/assets/stylesheets/vendor/fancy-buttons/_fancy-gradient.scss
new file mode 100644
index 0000000..da0baa9
--- /dev/null
+++ b/app/assets/stylesheets/vendor/fancy-buttons/_fancy-gradient.scss
@@ -0,0 +1,28 @@
+@mixin fancy-gradient($color1, $color2) {
+  $top_shine: lighten($color1, 18);
+  $bottom_glow: lighten($color2, 10);
+  $top_middle: $color1;
+  $middle: lighten($color2, 3);
+  $bottom_middle: $color2;
+  @include background-image(linear-gradient($top_shine, $top_middle 10%, $middle 50%, $bottom_middle 50%, $bottom_glow)); }
+
+@mixin fancy-gradient-active($color1, $color2) {
+  $top: lighten($color2, 6);
+  $bottom: lighten($color2, 14);
+  $top_middle: lighten($color2, 8);
+  $middle: lighten($color2, 4);
+  $bottom_middle: lighten($color2, 1);
+  @include background-image(linear-gradient($top, $top_middle 30%, $middle 50%, $bottom_middle 50%, $bottom)); }
+
+@mixin fancy-matte-gradient($color1, $color2) {
+  @include background-image(linear-gradient($color1, $color2)); }
+
+@mixin fancy-matte-gradient-active($color1, $color2) {
+  $top: lighten($color2, 5);
+  $bottom: lighten($color2, 15);
+  $middle: lighten($color2, 8);
+  @include background-image(linear-gradient($top, $middle 40%, $middle 85%, $bottom)); }
+
+/* incase an inverted custom gradient isn't specified */
+@mixin custom-fancy-gradient-active($color1, $color2) {
+  @include custom-fancy-gradient($color1, $color2); }
-- 
cgit v1.2.3