]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Added parameters/mixin docs to font styling
authorharry <harmanmanchanda182@gmail.com>
Sun, 12 Feb 2017 12:38:30 +0000 (18:08 +0530)
committerharry <harmanmanchanda182@gmail.com>
Sun, 12 Feb 2017 12:38:30 +0000 (18:08 +0530)
- 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)

scss/prototype/_font-styling.scss

index 7f7c4021f222e144006bb9b7e74fa9009b8aabb5..4947770feae46ec96b6f6348f8602855ec14c45b 100644 (file)
@@ -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;
 }