PHP Classes

File: engine/modules/contrib/foundation/source/scss/typography/_helpers.scss

Recommend this page to a friend!
  Classes of Aldo Tripiciano   Quanta CMS   engine/modules/contrib/foundation/source/scss/typography/_helpers.scss   Download  
File: engine/modules/contrib/foundation/source/scss/typography/_helpers.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Quanta CMS
Manage content that works without a database
Author: By
Last change:
Date: 5 years ago
Size: 1,837 bytes
 

Contents

Class file image Download
// Foundation for Sites by ZURB // foundation.zurb.com // Licensed under MIT Open Source //// /// @group typography-helpers //// /// Default font size for lead paragraphs. /// @type Number $lead-font-size: $global-font-size * 1.25 !default; /// Default line height for lead paragraphs. /// @type String $lead-lineheight: 1.6 !default; /// Default line height for subheaders. /// @type Number $subheader-lineheight: 1.4 !default; /// Default font color for subheaders. /// @type Color $subheader-color: $dark-gray !default; /// Default font weight for subheaders. /// @type String $subheader-font-weight: $global-weight-normal !default; /// Default top margin for subhheaders. /// @type Number $subheader-margin-top: 0.2rem !default; /// Default bottom margin for subheaders. /// @type Number $subheader-margin-bottom: 0.5rem !default; /// Default font size for statistic numbers. /// @type Number $stat-font-size: 2.5rem !default; @mixin foundation-typography-helpers { // Use to create a subheading under a main header // Make sure you pair the two elements in a <header> element, like this: // <header> // <h1>Heading</h1> // <h2>Subheading</h2> // </header> .subheader { margin-top: $subheader-margin-top; margin-bottom: $subheader-margin-bottom; font-weight: $subheader-font-weight; line-height: $subheader-lineheight; color: $subheader-color; } // Use to style an introductory lead, deck, blurb, etc. .lead { font-size: $lead-font-size; line-height: $lead-lineheight; } // Use to style a large number to display a statistic .stat { font-size: $stat-font-size; line-height: 1; p + & { margin-top: -1rem; } } // Use to remove the bullets from an unordered list .no-bullet { margin-#{$global-left}: 0; list-style: none; } }