/// @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;
}