Huesos
Style
Guide

Repositoire

GitHub

Preview

Font Secondary

Applies your $font-secondary to the list of elements defined on $font-secondary-items and sets a helper .class and %placeholder used to apply the secondary font as set on _config.scss

Setting $font-secondary:false will skip this code.

Example

<p class="font-secondary">This paragraph has been set to use the secondary font.
    It could otherwise have used a regular CSS selector with <code>@extend %font-secondary</code>
    to achieve the same effect</p>

Assets

  • Filesystem Path: src/components/typography/font-secondary/_font-secondary.scss
  • Size: 195 Bytes 
  • @if $font-secondary != false {

	.font-secondary,
	%font-secondary {
		font-family: $font-secondary;
	}

	@each $item in $font-secondary-items {
		#{$item} {
			@extend %font-secondary;
		}
	}

}