diff --git a/_typesettings.bundle.scss b/_typesettings.bundle.scss index dfed66b..722e7a3 100644 --- a/_typesettings.bundle.scss +++ b/_typesettings.bundle.scss @@ -167,13 +167,13 @@ $not-integer-txt: ' value breaks vertical rhythm. Use an integer (whole number) // Creates base type baseline overlay and vertical unit overlay. // To use on the body tag for example: body { @include debug-vertical-alignment(); } and add class va-debug to the body tag -@mixin debug-vertical-alignment($opacity: 0.8, $vertical-unit: $base-vertical-unit, $type-base-line-multi: $base-line-multi, $type-size: $base-em-font-size) { +@mixin debug-vertical-alignment($position: 'absolute', $opacity: 0.8, $vertical-unit: $base-vertical-unit, $type-base-line-multi: $base-line-multi, $type-size: $base-em-font-size) { position: relative; &::before, &::after { content: ""; - position: absolute; + position: #{$position}; top: 0; left: 0; bottom: 0; diff --git a/_typesettings.bundle.styl b/_typesettings.bundle.styl index 4582d0e..9d776af 100644 --- a/_typesettings.bundle.styl +++ b/_typesettings.bundle.styl @@ -159,13 +159,13 @@ rhythmBorder($border-width= 1px, $lines= $base-line-multi, $font-size= $base-em- // Creates base type baseline overlay and vertical unit overlay. // To use on the body tag for example: body { debug-vertical-alignment(); } and add class va-debug to the body tag -debug-vertical-alignment($opacity= 0.8, $vertical-unit= $base-vertical-unit, $type-base-line-multi= $base-line-multi, $type-size= $base-em-font-size) +debug-vertical-alignment($position= absolute,$opacity= 0.8, $vertical-unit= $base-vertical-unit, $type-base-line-multi= $base-line-multi, $type-size= $base-em-font-size) position: relative; &::before, &::after { content: ""; - position: absolute; + position: $position; top: 0; left: 0; bottom: 0; diff --git a/test/scss/styles.css.map b/test/scss/styles.css.map index bf7a355..dae775e 100644 --- a/test/scss/styles.css.map +++ b/test/scss/styles.css.map @@ -12,5 +12,5 @@ "../../typesettings/_typesetted.scss" ], "names": [], - "mappings": "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" + "mappings": "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" } \ No newline at end of file diff --git a/test/scss/styles.scss b/test/scss/styles.scss index 1c22af4..a963ed8 100644 --- a/test/scss/styles.scss +++ b/test/scss/styles.scss @@ -14,7 +14,7 @@ $load-typesetted: true; @import "../../typesettings"; body { - // @include debug-vertical-alignment(); + @include debug-vertical-alignment('fixed', 0.3); } .div { diff --git a/test/styl/styles.css.map b/test/styl/styles.css.map index 2ff2b64..867f83f 100644 --- a/test/styl/styles.css.map +++ b/test/styl/styles.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../_typesettings.styl","../../typesettings/_mixins.styl","../../typesettings/_typesetted.styl","styles.styl"],"names":[],"mappings":"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","file":"styles.css"} \ No newline at end of file +{"version":3,"sources":["../../_typesettings.styl","../../typesettings/_mixins.styl","../../typesettings/_typesetted.styl","styles.styl"],"names":[],"mappings":"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","file":"styles.css"} \ No newline at end of file diff --git a/test/styl/styles.styl b/test/styl/styles.styl index e65a101..417b760 100644 --- a/test/styl/styles.styl +++ b/test/styl/styles.styl @@ -14,7 +14,7 @@ $load-typesetted= true; @import "../../_typesettings.styl"; body { - // debug-vertical-alignment() + debug-vertical-alignment(fixed, 0.3) } .div { diff --git a/typesettings/_mixins.scss b/typesettings/_mixins.scss index 4e1b31c..6c4e411 100644 --- a/typesettings/_mixins.scss +++ b/typesettings/_mixins.scss @@ -39,13 +39,13 @@ // Creates base type baseline overlay and vertical unit overlay. // To use on the body tag for example: body { @include debug-vertical-alignment(); } and add class va-debug to the body tag -@mixin debug-vertical-alignment($opacity: 0.8, $vertical-unit: $base-vertical-unit, $type-base-line-multi: $base-line-multi, $type-size: $base-em-font-size) { +@mixin debug-vertical-alignment($position: 'absolute', $opacity: 0.8, $vertical-unit: $base-vertical-unit, $type-base-line-multi: $base-line-multi, $type-size: $base-em-font-size) { position: relative; &::before, &::after { content: ""; - position: absolute; + position: #{$position}; top: 0; left: 0; bottom: 0; diff --git a/typesettings/_mixins.styl b/typesettings/_mixins.styl index 768d4ad..d802e44 100644 --- a/typesettings/_mixins.styl +++ b/typesettings/_mixins.styl @@ -34,13 +34,13 @@ rhythmBorder($border-width= 1px, $lines= $base-line-multi, $font-size= $base-em- // Creates base type baseline overlay and vertical unit overlay. // To use on the body tag for example: body { debug-vertical-alignment(); } and add class va-debug to the body tag -debug-vertical-alignment($opacity= 0.8, $vertical-unit= $base-vertical-unit, $type-base-line-multi= $base-line-multi, $type-size= $base-em-font-size) +debug-vertical-alignment($position= absolute,$opacity= 0.8, $vertical-unit= $base-vertical-unit, $type-base-line-multi= $base-line-multi, $type-size= $base-em-font-size) position: relative; &::before, &::after { content: ""; - position: absolute; + position: $position; top: 0; left: 0; bottom: 0;