Description
Typography in Foundation defines headings, paragraphs, lists and other inline elements which create attractive and simple default styles for elements.
The following table lists the different types of typography used in Foundation −
| Sr.No. | Typography & Description |
|---|---|
| 1 | ParagraphsParagraph is a group of sentences defined with different font size, highlighted words, line height etc. |
| 2 | HeaderIt defines HTML headings from h1 to h6. |
| 3 | LinksIt creates a hyperlink that opens another document when you click on the text or an image. |
| 4 | DividersIt is used to give a break between the sections by using <hr> tag. |
| 5 | Ordered and Unordered ListsFoundation supports ordered lists, unordered lists to list the things. |
| 6 | Definition ListsDefinition Lists are used to display name value pairs. |
| 7 | BlockquotesIt represents block of text, which defines much bigger than normal. |
| 8 | Abbreviations and CodeAbbreviation defines a shortened term of word or phrase and code represents a piece of code. |
| 9 | KeystrokesIt is used to perform a specific function. |
| 10 | AccessibilityFoundation provides some guidelines to access the content of the page. |
Sass Reference
You can change the styles of the components by using the following SASS variables as listed in the table.Given below is the styles of the components by using the following SASS variables.
Leave a Reply