modular-scale 1.0.3 → 1.0.4
Sign up to get free protection for your applications and to get access to all the features.
- data/README.mdown +9 -3
- data/lib/modular-scale.rb +2 -2
- data/stylesheets/_modular-scale.sass +1 -1
- metadata +1 -1
data/README.mdown
CHANGED
@@ -40,10 +40,16 @@ By default, it writes 0-20 on the scale. You can also use shorthand to make thin
|
|
40
40
|
@include ms-list($start, $end, $base-size, $ratio); // shorthand with attributes
|
41
41
|
```
|
42
42
|
|
43
|
-
|
43
|
+
You can also write the output to your CSS file if you are using the terminal:
|
44
44
|
|
45
45
|
```scss
|
46
|
-
@include
|
46
|
+
@include ms-list-output($start, $end, $base-size, $ratio);
|
47
|
+
```
|
48
|
+
|
49
|
+
As a side effect of the modular-scale functions a `power` function is also available.
|
50
|
+
|
51
|
+
```scss
|
52
|
+
@include power($base, $power);
|
47
53
|
```
|
48
54
|
|
49
55
|
Sassy Modular Scale can be used as a function, like so:
|
@@ -101,7 +107,7 @@ By default, the variable `$ratio` is set to `golden()`.
|
|
101
107
|
<tr><td>major-sixth()</td><td>3:5</td><td>1.667</td></tr>
|
102
108
|
<tr><td>minor-sixth()</td><td>5:8</td><td>1.6</td></tr>
|
103
109
|
<tr><td>fifth()</td><td>2:3</td><td>1.5</td></tr>
|
104
|
-
<tr><td>augmented-
|
110
|
+
<tr><td>augmented-fourth()</td><td>1:√2</td><td>1.414</td></tr>
|
105
111
|
<tr><td>fourth()</td><td>3:4</td><td>1.333</td></tr>
|
106
112
|
<tr><td>major-third()</td><td>4:5</td><td>1.25</td></tr>
|
107
113
|
<tr><td>minor-third()</td><td>5:6</td><td>1.2</td></tr>
|
data/lib/modular-scale.rb
CHANGED
@@ -7,7 +7,7 @@ Compass::Frameworks.register("modular-scale", :path => "#{File.dirname(__FILE__)
|
|
7
7
|
# end
|
8
8
|
|
9
9
|
module ModularScale
|
10
|
-
VERSION = "1.0.
|
10
|
+
VERSION = "1.0.4"
|
11
11
|
DATE = "2012-08-13"
|
12
12
|
end
|
13
13
|
|
@@ -64,7 +64,7 @@ module Sass::Script::Functions
|
|
64
64
|
value = 3 / 2.0
|
65
65
|
Sass::Script::Number.new(value)
|
66
66
|
end
|
67
|
-
def
|
67
|
+
def augmented_fourth
|
68
68
|
value = Math.sqrt(2) / 1.0
|
69
69
|
Sass::Script::Number.new(value)
|
70
70
|
end
|
@@ -217,7 +217,7 @@ $round-pixels: true !default
|
|
217
217
|
|
218
218
|
=modular-scale-list-output($start: 0, $finish: 20, $base-size: $base-size, $ratio: $ratio, $round-pixels: $round-pixels)
|
219
219
|
MODULAR-SCALE-LIST
|
220
|
-
|
220
|
+
ms-list: modular-scale-list($start, $finish, $base-size, $ratio, $round-pixels)
|
221
221
|
|
222
222
|
=ms-list-output($start: 0, $finish: 20, $base-size: $base-size, $ratio: $ratio, $round-pixels: $round-pixels)
|
223
223
|
+modular-scale-list-output($start, $finish, $base-size, $ratio, $round-pixels)
|