compass-capucine 0.2.1 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. data/README.md +1 -1
  2. data/VERSION +1 -1
  3. data/compass-capucine.gemspec +1 -1
  4. data/examples/css_generated/all.css +11 -0
  5. data/examples/css_generated/ie6.css +11 -0
  6. data/examples/css_generated/ie7.css +12 -0
  7. data/examples/index.html +2 -1
  8. data/examples/sass/_helpers.scss +6 -0
  9. data/stylesheets/compass-capucine/_helpers.scss +6 -0
  10. metadata +2 -2
data/README.md CHANGED
@@ -76,12 +76,12 @@ This will import that :
76
76
  - `pressed-effect ( $top_margin, $left_margin, $right_margin )`
77
77
  - `vertical-gradient ( $top_color, $bottom_color )`
78
78
  - `smart-text-shadow ( $color, $pixels )`
79
+ - `rgba-full ( $color )`
79
80
 
80
81
  ### Box
81
82
 
82
83
  - `box ( $width, $height, $display )`
83
84
  - `circle ( $diam )`
84
- - `centerX`
85
85
  - `centerXY ( $width, $heigh, $position )`
86
86
  - `max-width ( $max )`
87
87
  - `min-max-width ( $min, $max )`
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.2.1
1
+ 0.2.2
data/compass-capucine.gemspec CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Gem::Specification.new do |s|
7
7
  s.name = "compass-capucine"
8
- s.version = "0.2.1"
8
+ s.version = "0.2.2"
9
9
 
10
10
  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
11
11
  s.authors = ["Damian Le Nouaille"]
data/examples/css_generated/all.css CHANGED
@@ -134,3 +134,14 @@
134
134
  text-align: center;
135
135
  padding: 20px;
136
136
  }
137
+
138
+ .rgba {
139
+ background: rgba(255, 206, 0, 0.3);
140
+ 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)));
141
+ background-image: -webkit-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
142
+ background-image: -moz-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
143
+ background-image: -o-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
144
+ background-image: -ms-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
145
+ background-image: linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
146
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4DFFCE00', endColorstr='#4DFFCE00');
147
+ }
data/examples/css_generated/ie6.css CHANGED
@@ -138,3 +138,14 @@
138
138
  text-align: center;
139
139
  padding: 20px;
140
140
  }
141
+
142
+ .rgba {
143
+ background: rgba(255, 206, 0, 0.3);
144
+ 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)));
145
+ background-image: -webkit-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
146
+ background-image: -moz-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
147
+ background-image: -o-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
148
+ background-image: -ms-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
149
+ background-image: linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
150
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4DFFCE00', endColorstr='#4DFFCE00');
151
+ }
data/examples/css_generated/ie7.css CHANGED
@@ -135,3 +135,15 @@
135
135
  text-align: center;
136
136
  padding: 20px;
137
137
  }
138
+
139
+ .rgba {
140
+ background: rgba(255, 206, 0, 0.3);
141
+ 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)));
142
+ background-image: -webkit-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
143
+ background-image: -moz-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
144
+ background-image: -o-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
145
+ background-image: -ms-linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
146
+ background-image: linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
147
+ *zoom: 1;
148
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4DFFCE00', endColorstr='#4DFFCE00');
149
+ }
data/examples/index.html CHANGED
@@ -41,11 +41,12 @@
41
41
  <a href="#" class="pressed-effect">This is a link</a>
42
42
 
43
43
  <div class="vertical-gradient"></div>
44
- <p class="smart-text-shadow">
44
+ <p class="smart-text-shadow rgba">
45
45
 
46
46
  Content text
47
47
 
48
48
  </p>
49
49
 
50
+
50
51
  </body>
51
52
  </html>
data/examples/sass/_helpers.scss CHANGED
@@ -34,3 +34,9 @@
34
34
  text-align: center;
35
35
  padding: 20px;
36
36
  }
37
+
38
+ .rgba {
39
+ $color: rgba(#FFCE00, 0.3);
40
+
41
+ @include rgba-full($color);
42
+ }
data/stylesheets/compass-capucine/_helpers.scss CHANGED
@@ -77,3 +77,9 @@
77
77
  @include text-shadow($color 0 $pixels 0);
78
78
  }
79
79
 
80
+ @mixin rgba-full($color) {
81
+ background: $color;
82
+ @if legacy-support-for-ie6 or legacy-support-for-ie7 {
83
+ @include vertical-gradient($color, $color);
84
+ }
85
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-capucine
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.1
4
+ version: 0.2.2
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -111,7 +111,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
111
111
  version: '0'
112
112
  segments:
113
113
  - 0
114
- hash: -179361422006041371
114
+ hash: 2111762486446732208
115
115
  required_rubygems_version: !ruby/object:Gem::Requirement
116
116
  none: false
117
117
  requirements: