modular-scale 1.0.3 → 1.0.4
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.
- 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)
|