gel-sass-tools - npm Package Compare versions

Comparing version 3.0.0 to 3.0.1

package.json

		{
		"name": "gel-sass-tools",
		"version": "3.0.0",
		"version": "3.0.1",
		"description": "A collection of Sass Settings & Tools which align to key GEL values",
		@@ -5,0 +5,0 @@ "main": "_sass-tools.scss",

README.md

		@@ -133,5 +133,5 @@ <h1 align="center">GEL Sass Tools</h1>
		.my-component {
		@include rem('margin-bottom', halve($gel-spacing-unit));
		@include rem('padding-left', double($gel-spacing-unit));
		@include rem('padding-right', double($gel-spacing-unit));
		@include toRem('margin-bottom', halve($gel-spacing-unit));
		@include toRem('padding-left', double($gel-spacing-unit));
		@include toRem('padding-right', double($gel-spacing-unit));
		}
		@@ -142,7 +142,7 @@ ```

		The `rem` tool can be used in two ways. Either by directly calling the `rem($value)` function, which will convert the supplied value and return a `rem` unit. E.g:
		The `rem` tool can be used in two ways. Either by directly calling the `toRem($value)` function, which will convert the supplied value and return a `rem` unit. E.g:

		```sass
		.my-component {
		margin-bottom: rem($gel-spacing-unit);
		margin-bottom: toRem($gel-spacing-unit);
		}
		@@ -153,3 +153,3 @@ ```

		You can also use the `@include rem($value);` mixin, which by default returns a `px` fallback to allow support for older browsers which don't support `rem` units. E.g:
		You can also use the `@include toRem($value);` mixin, which by default returns a `px` fallback to allow support for older browsers which don't support `rem` units. E.g:

		@@ -159,3 +159,3 @@ Sass
		.my-component {
		@include rem('margin-bottom', 16px);
		@include toRem('margin-bottom', 16px);
		}
		@@ -162,0 +162,0 @@ ```

New alerts