compass-capucine 0.2.2 → 0.2.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. data/VERSION +1 -1
  2. data/compass-capucine.gemspec +1 -1
  3. data/examples/css_generated/all.css +16 -0
  4. data/examples/css_generated/ie6.css +16 -0
  5. data/examples/css_generated/ie7.css +16 -0
  6. data/examples/index.html +9 -3
  7. data/examples/sass/_helpers.scss +18 -1
  8. data/stylesheets/compass-capucine/_helpers.scss +8 -0
  9. metadata +2 -2
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.2.2
1
+ 0.2.3
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.2"
8
+ s.version = "0.2.3"
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
@@ -57,6 +57,10 @@
57
57
  max-width: 230px;
58
58
  }
59
59
 
60
+ body {
61
+ font-size: 24px;
62
+ }
63
+
60
64
  .unselectable {
61
65
  -webkit-user-select: none;
62
66
  -moz-user-select: none;
@@ -145,3 +149,15 @@
145
149
  background-image: linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
146
150
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4DFFCE00', endColorstr='#4DFFCE00');
147
151
  }
152
+
153
+ .bigger {
154
+ font-size: 36px;
155
+ }
156
+
157
+ .bigger2 {
158
+ font-size: 48px;
159
+ }
160
+
161
+ .small {
162
+ font-size: 12px;
163
+ }
data/examples/css_generated/ie6.css CHANGED
@@ -61,6 +61,10 @@
61
61
  max-width: 230px;
62
62
  }
63
63
 
64
+ body {
65
+ font-size: 24px;
66
+ }
67
+
64
68
  .unselectable {
65
69
  -webkit-user-select: none;
66
70
  -moz-user-select: none;
@@ -149,3 +153,15 @@
149
153
  background-image: linear-gradient(rgba(255, 206, 0, 0.3), rgba(255, 206, 0, 0.3));
150
154
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4DFFCE00', endColorstr='#4DFFCE00');
151
155
  }
156
+
157
+ .bigger {
158
+ font-size: 36px;
159
+ }
160
+
161
+ .bigger2 {
162
+ font-size: 48px;
163
+ }
164
+
165
+ .small {
166
+ font-size: 12px;
167
+ }
data/examples/css_generated/ie7.css CHANGED
@@ -57,6 +57,10 @@
57
57
  max-width: 230px;
58
58
  }
59
59
 
60
+ body {
61
+ font-size: 24px;
62
+ }
63
+
60
64
  .unselectable {
61
65
  -webkit-user-select: none;
62
66
  -moz-user-select: none;
@@ -147,3 +151,15 @@
147
151
  *zoom: 1;
148
152
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#4DFFCE00', endColorstr='#4DFFCE00');
149
153
  }
154
+
155
+ .bigger {
156
+ font-size: 36px;
157
+ }
158
+
159
+ .bigger2 {
160
+ font-size: 48px;
161
+ }
162
+
163
+ .small {
164
+ font-size: 12px;
165
+ }
data/examples/index.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta charset="UTF-8" />
5
- <title>Examles</title>
5
+ <title>Examples</title>
6
6
 
7
7
  <link href="css_generated/reset.css" rel="stylesheet" />
8
8
 
@@ -46,7 +46,13 @@
46
46
  Content text
47
47
 
48
48
  </p>
49
-
50
-
49
+ <p class="base">
50
+ Basic font size
51
+ </p>
52
+ <div class="bigger">
53
+ 1.5x bigger
54
+ <div class="bigger2">2x bigger</div>
55
+ <div class="small">Small</div>
56
+ </div>
51
57
  </body>
52
58
  </html>
data/examples/sass/_helpers.scss CHANGED
@@ -1,6 +1,12 @@
1
1
  @import "../../stylesheets/compass-capucine/box";
2
2
  @import "../../stylesheets/compass-capucine/helpers";
3
3
 
4
+ $base-font-size: 24px;
5
+
6
+ body {
7
+ font-size: $base-font-size;
8
+ }
9
+
4
10
  .unselectable {
5
11
  @include unselectable;
6
12
  }
@@ -37,6 +43,17 @@
37
43
 
38
44
  .rgba {
39
45
  $color: rgba(#FFCE00, 0.3);
40
-
41
46
  @include rgba-full($color);
42
47
  }
48
+
49
+ .bigger {
50
+ font-size: rem(1.5);
51
+ }
52
+
53
+ .bigger2 {
54
+ font-size: rem(2);
55
+ }
56
+
57
+ .small {
58
+ font-size: rem(0.5);
59
+ }
data/stylesheets/compass-capucine/_helpers.scss CHANGED
@@ -83,3 +83,11 @@
83
83
  @include vertical-gradient($color, $color);
84
84
  }
85
85
  }
86
+
87
+ @function relative-scale($scale: 1, $base: 1) {
88
+ @return $scale * $base;
89
+ }
90
+
91
+ @function rem($scale) {
92
+ @return relative-scale($scale, $base-font-size);
93
+ }
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.2
4
+ version: 0.2.3
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: 2111762486446732208
114
+ hash: 3368672986005842433
115
115
  required_rubygems_version: !ruby/object:Gem::Requirement
116
116
  none: false
117
117
  requirements: