responsive-modular-scale 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d1c78cae29c20c0a9fccff36cfab14c74eca1367
-  data.tar.gz: 82f6e8c4000a7b84130b0b9b94f66e5c12e5ea0d
+  metadata.gz: 01c90af923e443e030a50692a1944b36b95626c2
+  data.tar.gz: 78afd851a3140b6762690f2b16ee0a2bb7ffb09d
 SHA512:
-  metadata.gz: fcb789eb314ee3272b27d203fd73d4ca35166e6b3e69b62f7e3723c65ae484452ad216e0a1f12d07e41cac0438c89763d1258e5937e9e656c91c1ec2a4676252
-  data.tar.gz: 9d5b7f9dc4dd525b1421a1b9f24b843d3d02febbe925bc36b1f1b109405756ac6a8245bee45660485817b08c6ed101ee1fb974437ba1d56c4952b1b2927bc7cc
+  metadata.gz: f1c38a4fb039ebc13e2b978fcf692f7eaf1477857130d5b4ac54f5e39daeceb2c9d39b80b69bae16325cdd7c10da83863864c8d960930dfc29c11b31f136c8b1
+  data.tar.gz: 496aa18d5fd08bb0c3836b24d48419a3da7f8144096fc8211785c621fef4cf763620751475eb7ff3efdabd09e5addba305453d0d60abf33d4886a6311622ff2d

data/lib/responsive-modular-scale.rb

@@ -5,6 +5,6 @@ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
 Compass::Frameworks.register('responsive-modular-scale', :path => extension_path)
 
 module ResponsiveModularScale
-  VERSION = "0.1.0"
-  DATE = "2014-01-02"
+  VERSION = "0.2.0"
+  DATE = "2014-02-13"
 end

data/readme.md

@@ -22,20 +22,21 @@ To create a set of scales we need one or more base values and one or more interv
 
 ```scss
 // Change just the base values, keep the default scales
-@include set-scales(16px 100px);
+@include rms-set-scales(16px 100px);
 
 // Use a fourth by default, and a fifth for larger screens
-@include set-scales(16px, fourth(), 768px fifth());
+@include rms-set-scales(16px, $fourth, 768px $fifth;
 
 // Use a fourth by default, an augmented fourth for medium screens, and a fifth for large screens
-@include set-scales(16px, fourth(), 640px augmented-fourth(), 1024px fifth());
+@include rms-set-scales(16px, $fourth, 640px $augmented-fourth, 1024px $fifth);
 ```
 
 The base values should always be pixel values, but the breakpoints can be pixel- or em-based. By default, responsive-modular-scale will output all breakpoints and font-size values as em values, but you can change to pixels if you'd like.
 
 ```scss
 // You can call this before or after set-scales()
-@include use-pixels;
+@include rms-use-pixels;
+```
 
 ### Using the scales
 
@@ -60,7 +61,7 @@ Each call to `rms()` will generate one font-size declaration for each breakpoint
 If you're outputting em-based values (the default) and want to adjust your base font size from the usual 16px, you'll need to let responsive-modular-scale know.
 
 ```scss
-@include set-base(18px);
+@include rms-set-base(18px);
 ```
 
 This mixin doesn't output any CSS, it just changes the way ems are calculated internally.
@@ -68,7 +69,7 @@ This mixin doesn't output any CSS, it just changes the way ems are calculated in
 If `rms()` is called on a container element, calls made on elements inside that container will not be the right size, due to the compounding nature of ems.
 
 ```scss
-@include set-scales(16px, third(), 768px fourth());
+@include rms-set-scales(16px, $third, 768px $fourth);
 
 .container {
   @include rms(1); // 20px, or 1.25em
@@ -77,6 +78,7 @@ If `rms()` is called on a container element, calls made on elements inside that
     @include rms(1); // 1.25em * 1.25em = 1.56em, or 25px
   }
 }
+```
 
 To correct this behavior, `rms()` includes an optional second parameter which will adjust the base font size used in em calculation. The value of the second parameter is the position on the modular scale that should be used as a base.
 
@@ -86,10 +88,11 @@ To correct this behavior, `rms()` includes an optional second parameter which wi
 
   .child {
     // By passing in a different base the resulting em value will be adjusted down
-    // The font sizes for .container and .child will visually be the same, despite having different em values
+    // The font sizes for .container and .child will visually appear the same, despite having different em values
     @include rms(1, 1);
   }
 }
+```
 
 Currently the mixin will only correct one level deep.
 
@@ -97,7 +100,11 @@ Currently the mixin will only correct one level deep.
 
 I'm no typography expert, so if you have any suggestions or comments, let me know! In the mean time here are things that need to be added or fixed:
 
-- Better support for multiple ratios in a single scale: they'll only work if passed in as `1000px (fourth() fifth())`
+- Better support for multiple ratios in a single scale: they'll only work if passed in as `1000px ($fourth $fifth)`
 - Allow the value of `$n` to be changed at breakpoints, to allow for finer control over font sizes
     - Expample: `@include set-scales(16px, 1.5, 768px 2); h1 { @include rms(5, 6); }`
 - Ability to correct em values at more than one level deep
+
+## Who made it
+
+This whole shebang was put together by [Geoff Kimball](http://geoffkimball.com), but most of the heavy lifting is done by the Sass team's excellent [modular-scale](https://github.com/Team-Sass/modular-scale) library.

data/stylesheets/responsive-modular-scale/_functions.scss

@@ -1,5 +1,5 @@
 $rms-base: 16px;
-$rms-intervals: (0px fourth()), (768px fifth());
+$rms-intervals: (0px $fourth), (768px $fifth);
 $rms-usepixels: false;
 
 /*
@@ -10,7 +10,7 @@ $rms-usepixels: false;
   @param  (number or list) $base: one or more pixel values to use as the base of the modular scale. These don't change between breakpoints.
   @param  (list) $interval: A list containing a pixel value (representing a min-width breakpoint) followed by an interval (an integer or one of modular-scale's predefined ratios).
 */
-@mixin set-scales($args...) {
+@mixin rms-set-scales($args...) {
   // If no arguments were given
   @if length($args) == 0 {
     @warn 'No base values or intervals were set, so the default values will be used.';
@@ -49,7 +49,7 @@ $rms-usepixels: false;
   @param  (number) $start: index on the scale to start at (0 is the base value).
   @param  (number) $end: index on the scale to end at.
 */
-@mixin list-scales($start: 0, $end: 20) {
+@mixin rms-list-scales($start: 0, $end: 20) {
   @each $scale in $rms-intervals {
     $scale-breakpoint: nth($scale, 1);
     $scale-interval:   nth($scale, 2);
@@ -61,7 +61,7 @@ $rms-usepixels: false;
       @debug 'Min-width: #{$scale-breakpoint} --';
     }
 
-    @include modular-scale-list($start, $end, $rms-base, $scale-interval);
+    @debug ms-list($start, $end, $rms-base, $scale-interval);
   }
 }
 
@@ -70,7 +70,7 @@ $rms-usepixels: false;
 
   @param  (boolean) $true: if true, the system will use pixels; otherwise, ems.
 */
-@mixin use-pixels($true: true) {
+@mixin rms-use-pixels($true: true) {
   $rms-usepixels: $true;
 }
 
@@ -79,7 +79,7 @@ $rms-usepixels: false;
 
   @param  (number) $number: pixel value to change to.
 */
-@mixin set-base($number) {
+@mixin rms-set-base($number) {
   $rms-basefont: $number;
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: responsive-modular-scale
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Geoff Kimball
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-01-02 00:00:00.000000000 Z
+date: 2014-02-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: modular-scale