modular-scale 3.0.0 → 3.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5b218cce633b1fbb7aa11f3f1e98b2e591396b3c
-  data.tar.gz: 67816e15cee10a7d617928b1dfdff05822062903
+  metadata.gz: 22773cbee288e14625c28b5f9219bf051ca6e8e5
+  data.tar.gz: 8a87f4e25420096cefc202a7b07329d73464980c
 SHA512:
-  metadata.gz: 3fd24052162a00771535e631b8c53bb6497b08d5f49d2ebb3f2bbf2e1ac41c993ec8e6bef7794dd18f6bfc2878d9a2bcee0817586518b6846ddb57facc2bf1a2
-  data.tar.gz: 78b428cbd8d9cf7e12da30ca10b83b7e3534f812006368abb1d7f051b8f0ca7a6b49d46a1c43398ef25be53d89db65794a46e70c83cc4f4a951c3d075e8cfcf9
+  metadata.gz: 1f8295fcfb0ddae63ef0a1e51e7b62723170a9270942f4dc027a544529b4d546fa2f7b3edded113832230617965a70b986bec841953ff1a89c67191e831bc0a2
+  data.tar.gz: 02db42d590cc4242e7a359c1b5494a42d1c7e9d8127bf7c3f8a38a07b09cddb5d9cd115d0567c9c382a79cac80af0a8c3b4033f7e2954eb6fb252ffaefb13e95

data/changelog.md

@@ -1,4 +1,8 @@
-# Version 3.0
+# Version 3.0.1
+
+* Fix issue with generic `pow()` being used instead of `ms-pow()`
+
+# Version 3.0.0
 
   Core logic re-write along with settings moved to maps so they can be multithreaded and setup responsive scales better.
 

data/lib/modular-scale.rb

@@ -16,7 +16,7 @@ Compass::Frameworks.register('modular-scale', :path => extension_path)
 #    a prerelease version
 #  Date is in the form of YYYY-MM-DD
 module ModularScale
-  VERSION = "3.0.0"
+  VERSION = "3.0.1"
   DATE = "2017-04-02"
 end
 

data/readme.md

@@ -4,7 +4,7 @@ A modular scale is a list of values that share the same relationship. These valu
 
 Ems work especially well with modular scales as their recursive properties mimic modular scales making them more predictable and easier to manage. Pixels and other units work just fine and breakpoints in responsive web design can naturally fall on your scale to create better relevance to your text as all the values in your layout harmonize with each other.
 
-To get started, you need to select a ratio and a base value. The base value is usually your text font size or 1em. Optionally you can add another value to create a double standard modular scale which might be useful to create more options for in-between values. This base size paired with a ratio such as the golden ratio or any musical proportion will create your scale of values which all share this proportion.
+To get started, you need to select a ratio and a base value. The base value is usually your text font size or 1em. Optionally you can add another value to create a double stranded modular scale which might be useful to create more options for in-between values. This base size paired with a ratio such as the golden ratio or any musical proportion will create your scale of values which all share this proportion.
 
 ## Install
 
@@ -12,29 +12,29 @@ To get started, you need to select a ratio and a base value. The base value is u
 
 * Terminal: `gem install modular-scale --pre`
 * Compass config: `require 'modular-scale'`
-* SCSS: `@import 'modular-scale';`
+* SCSS: `@import 'modularscale';`
 
 ### Eyeglass
 
 * Terminal: `npm install modularscale-sass --save-dev`
-* SCSS: `@import 'modular-scale'`
+* SCSS: `@import 'modularscale'`
 
 ### Webpack with sass-loader
 
 * Terminal: `npm install modularscale-sass --save-dev`
 * Webpack config: install and use [sass-loader](https://github.com/jtangelder/sass-loader#apply-via-webpack-config)
-* SCSS: `@import '~modularscale-sass/stylesheets/modular-scale';`
+* SCSS: `@import '~modularscale-sass/stylesheets/modularscale';`
 
 ### Bower
 
 * Terminal: `bower install modular-scale --save-dev`
-* SCSS: `@import '../link_to_component_dir/modular-scale';`
+* SCSS: `@import '../link_to_component_dir/modularscale';`
 
 ### Vanilla Sass
 
-* [Download the latest zip](https://github.com/Team-Sass/modular-scale/releases/latest)
+* [Download the latest zip](https://github.com/modularscale/modularscale-sass/releases/latest)
 * Extract into your project
-* SCSS: `@import 'modular-scale';`
+* SCSS: `@import 'modularscale';`
 
 ## Using modular scale
 
@@ -126,6 +126,8 @@ h2 {
 
 If you do happen to have any values that are just named without numbers they will be ignored by the responsive mixin, it’s smart enough to just pull values that look like breakpoints.
 
+Here is an [example page](http://skscratch.bitballoon.com/ms-demo) and the [corrisponding Sass](https://github.com/modularscale/modularscale-sass/blob/3.x/test-compass/sass/style.scss).
+
 #### Note on non-integer values
 
 Unfortunately [Sass doesn’t natively support exponents](https://github.com/sass/sass/issues/684#issuecomment-196852515). This isn’t all bad news, you can use either use [Compass](http://compass-style.org/), [mathsass](https://github.com/terkel/mathsass), or another library that has a `pow()` function that supports non-integer values and this plugin will pick up on that function and use it. You will then be able to write values like `ms(2.5)`. This is also a prerequisite for _target sizes_ below.

data/stylesheets/modularscale/_function.scss

@@ -12,7 +12,7 @@
 
   // Fast calc if not multi stranded
   @if(length($base) == 1) {
-    @return ms-round-px(pow($ratio, $v) * $base);
+    @return ms-round-px(ms-pow($ratio, $v) * $base);
   }
 
   // Create new base array
@@ -49,5 +49,5 @@
   // Find base to use in calculation
   $ms-base: round(($v / length($ms-bases) - $vtep) * length($ms-bases)) + 1;
 
-  @return ms-round-px(pow($ratio, $vtep) * nth($ms-bases,$ms-base));
+  @return ms-round-px(ms-pow($ratio, $vtep) * nth($ms-bases,$ms-base));
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: modular-scale
 version: !ruby/object:Gem::Version
-  version: 3.0.0
+  version: 3.0.1
 platform: ruby
 authors:
 - Scott Kellum