From 22e5764a32be6efe356bf851daef93cc604d2b6b Mon Sep 17 00:00:00 2001 From: hiulit Date: Mon, 1 Apr 2019 14:06:58 +0200 Subject: [PATCH 1/3] Added better documentation --- README.md | 14 ++++++++++---- sassy-gridlover/_sassy-gridlover.scss | 2 ++ 2 files changed, 12 insertions(+), 4 deletions(-) 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 `

`, `