diff --git a/CHANGELOG.md b/CHANGELOG.md index ec8f4c0..c6b555f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,13 +4,19 @@ * Up to date -## v6.0.4 (March 26th 2018) +## v6.0.5 (April 1st 2019) + +### Fixed + +* Better documentation. Now it clearly states that `sgl-html()` is **mandatory** for all the other mixins to work. + +## v6.0.4 (March 26th 2019) ### Added * `main` attribute to `package.json` so it's easier to import **Sassy Gridlover** when using bundlers [#21](https://github.com/hiulit/Sassy-Gridlover/issues/21) -## v6.0.3 (March 6th 2018) +## v6.0.3 (March 6th 2019) ### Fixed diff --git a/README.md b/README.md index 2106120..e2551e9 100644 --- a/README.md +++ b/README.md @@ -77,12 +77,16 @@ By default, all the mixins (except `sgl-html`) will output `em`. But you can als ### `sgl-html()` +This mixin is **mandatory** for the all the other mixins to work. + To use on ``. Outputs `font-size` and `line-height` **always** in `px`. ```scss -@mixin sgl-html($font-size: $sgl-base-font-size) +html { + @include sgl-html($font-size: $sgl-base-font-size); +} ``` #### Parameters @@ -98,7 +102,9 @@ To use on ``. Outputs `font-size` and `line-height`. ```scss -@mixin sgl-body($line-height-step: 0, $unit: $sgl-base-unit) +body { + @include sgl-body($line-height-step: 0, $unit: $sgl-base-unit); +} ``` #### Parameters @@ -115,7 +121,7 @@ To use on headings `

-

`. Outputs `font-size`, `line-height`, `margin-top` and `margin-bottom`. ```scss -@mixin sgl-heading($font-size-step, $line-height-step, $margin-top-step, $margin-bottom-step, $unit: $sgl-base-unit, $base-value: $sgl-base-font-size) +@include sgl-heading($font-size-step, $line-height-step, $margin-top-step, $margin-bottom-step, $unit: $sgl-base-unit, $base-value: $sgl-base-font-size) ``` #### Parameters @@ -136,7 +142,7 @@ To use on `

`, `