compass-capucine 0.2.2 → 0.2.3

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 (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: