compass-capucine 0.2.1 → 0.2.2

data/README.md

@@ -76,12 +76,12 @@ This will import that :
 - `pressed-effect ( $top_margin, $left_margin, $right_margin )`
 - `vertical-gradient ( $top_color, $bottom_color )`
 - `smart-text-shadow ( $color, $pixels )`
+- `rgba-full ( $color )`
 
 ### Box
 
 - `box ( $width, $height, $display )`
 - `circle ( $diam )`
-- `centerX`
 - `centerXY ( $width, $heigh, $position )`
 - `max-width ( $max )`
 - `min-max-width ( $min, $max )`

data/VERSION

@@ -1 +1 @@
-0.2.1
+0.2.2

data/compass-capucine.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = "compass-capucine"
-  s.version = "0.2.1"
+  s.version = "0.2.2"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Damian Le Nouaille"]

data/examples/css_generated/all.css

@@ -134,3 +134,14 @@
   text-align: center;
   padding: 20px;
 }
+
+.rgba {
+  background: rgba(255, 206, 0, 0.3);
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 206, 0, 0.3)), color-stop(100%, rgba(255, 206, 0, 0.3)));
+  background-image: -webkit-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: -moz-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: -o-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: -ms-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4DFFCE00', endColorstr='#4DFFCE00');
+}

data/examples/css_generated/ie6.css

@@ -138,3 +138,14 @@
   text-align: center;
   padding: 20px;
 }
+
+.rgba {
+  background: rgba(255, 206, 0, 0.3);
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 206, 0, 0.3)), color-stop(100%, rgba(255, 206, 0, 0.3)));
+  background-image: -webkit-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: -moz-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: -o-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: -ms-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4DFFCE00', endColorstr='#4DFFCE00');
+}

data/examples/css_generated/ie7.css

@@ -135,3 +135,15 @@
   text-align: center;
   padding: 20px;
 }
+
+.rgba {
+  background: rgba(255, 206, 0, 0.3);
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 206, 0, 0.3)), color-stop(100%, rgba(255, 206, 0, 0.3)));
+  background-image: -webkit-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: -moz-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: -o-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: -ms-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  background-image: linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
+  *zoom: 1;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4DFFCE00', endColorstr='#4DFFCE00');
+}

data/examples/index.html

@@ -41,11 +41,12 @@
     <a href="#" class="pressed-effect">This is a link</a>
 
     <div class="vertical-gradient"></div>
-    <p class="smart-text-shadow">
+    <p class="smart-text-shadow rgba">
 
         Content text
 
     </p>
 
+
 </body>
 </html>

data/examples/sass/_helpers.scss

@@ -34,3 +34,9 @@
   text-align: center;
   padding: 20px;
 }
+
+.rgba {
+  $color: rgba(#FFCE00, 0.3);
+
+  @include rgba-full($color);
+}

data/stylesheets/compass-capucine/_helpers.scss

@@ -77,3 +77,9 @@
   @include text-shadow($color 0 $pixels 0);
 }
 
+@mixin rgba-full($color) {
+  background: $color;
+  @if legacy-support-for-ie6 or legacy-support-for-ie7 {
+    @include vertical-gradient($color, $color);
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: compass-capucine
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.2.2
   prerelease: 
 platform: ruby
 authors:
@@ -111,7 +111,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -179361422006041371
+      hash: 2111762486446732208
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements: