From: harry Date: Sun, 12 Feb 2017 12:38:30 +0000 (+0530) Subject: Added parameters/mixin docs to font styling X-Git-Tag: v6.4.0-rc1~23^2~20^2~58 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bce28c5d5e5d19e12d777c9cbc8fddc02bca2632;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Added parameters/mixin docs to font styling - letter-spacing [prototype-wide-letter-spacing] Wide letter spacing for the font - weight [prototype-font-normal] Weight of the font (normal) - weight [prototype-font-bold] Weight of the font (bold) --- diff --git a/scss/prototype/_font-styling.scss b/scss/prototype/_font-styling.scss index 7f7c4021f..4947770fe 100644 --- a/scss/prototype/_font-styling.scss +++ b/scss/prototype/_font-styling.scss @@ -14,18 +14,39 @@ $prototype-font-breakpoints: $global-prototype-breakpoints !default; /// @type Number $prototype-wide-letter-spacing: rem-calc(4px) !default; -@mixin font-wide { - letter-spacing: $prototype-wide-letter-spacing; +/// Default weight for `.font-normal`, defaulted to `global-weight-normal` +/// @type Number +$prototype-font-normal: $global-weight-normal !default; + +/// Default weight for `.font-bold`, defaulted to `global-weight-bold` +/// @type Number +$prototype-font-bold: $global-weight-bold !default; + +/// Font wide letter spacing! +/// @param {Number} $letter-spacing [$prototype-wide-letter-spacing] Wide letter spacing for the font +@mixin font-wide( + $letter-spacing: $prototype-wide-letter-spacing +) { + letter-spacing: $letter-spacing; } -@mixin font-normal { - font-weight: $global-weight-normal; +/// Font Weight Normal, default value coming through `global-weight-normal` +/// @param {Number} $weight [$prototype-font-normal] Weight of the font (normal) +@mixin font-normal( + $weight: $prototype-font-normal +) { + font-weight: $weight; } -@mixin font-bold { - font-weight: $global-weight-bold; +/// Font Weight Bold, default value coming through `global-weight-bold` +/// @param {Number} $weight [$prototype-font-bold] Weight of the font (bold) +@mixin font-bold( + $weight: $prototype-font-bold +) { + font-weight: $weight; } +/// Font Style Italic @mixin font-italic { font-style: italic; }