#Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
#Paragraphs & text styles
Fluitype is a typography css framework, which can easily be added to any webpage.The magic is behind the calculations done while incorporate the vw which stands for viewport-width and it is fully responsive and fluid to the size of the viewport.
This is a blockquote, you can use this guy to showcase how a quote as part of the typography can work. This is a component that has the purpose to show improtancy.
Just a simple paragraph text, that way you can easily visualize the behavior when you change the viewport, the rescaling and fluidity in action. This is a font type called Inter created for Figma, also used by Github.
- Bolded text
- Italic text
- Strong text
- Underlined text
Deleted text
#List and List styles
Unoredered List
- List 1
- List 2
- List 3
- List 4
Ordered List
- List 1
- List 2
- List 3
- List 4
- List 4.1
- List 4.2
- List 4.3
- List 4.4
#Code snippets
Code quote
font-size: calc(var(--fontSize) * 1.1);
Code preview
pre {
background-color: #f7f7f7;
display: block;
margin: 0 0 1.5625em;
overflow: auto;
padding: .8125em;
tab-size: 4;
-moz-tab-size: 4;
-o-tab-size: 4;
white-space: pre-wrap;
word-break: break-all;
font-size: calc(var(--fontSize) * 1.1);
letter-spacing: var(--letterSpacing);
}