Typography
colors
-
#e74c3d
@droom-red
-
#bf1e2e
@droom-dark-red
General typography
I am heading h1
I am heading h2
I am heading h3
I am heading h4
I am heading h5
I am heading h6
I am an anchor. Hover me and click to see other styles.
I am an paragraph. This below me are my fellow paragraphs, from an ancient Rome.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
Aenean varius odio in nisl pellentesque varius. Fusce augue ante, tristique a lacus ut, finibus convallis dui. Cras sapien erat, gravida sit amet accumsan ac, molestie non purus. Donec condimentum, ligula et varius cursus.
- I am Unordered list
- I am Unordered list
- I am Unordered list
- I am Ordered list
- I am Ordered list
- I am Ordered list
- I am Unordered list
- I am Unordered list
- I am Unordered list
Playfair Display
- Bold
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- [email protected]#$%^&*()?
- θωερτψυιοπασδφγηςκ
λζχξωβνμ€άέήίϊΐόύϋΰώ - АБВГДЂЕЖЗИЈКЛЉ
МНЊОПРСТЋУФХЦЧЏШ - Aenean varius odio in nisl pellentesque varius. Fusce augue ante,
tristique a lacus ut, finibus convallis dui. Cras sapien erat, gravida
sit amet accumsan ac, molestie non purus. Donec condimentum, ligula et
varius cursus, ligula enim auctor augue, sit amet commodo justo tellus a diam.
Poppins
- Regular
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- [email protected]#$%^&*()?
- Semi-bold
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- [email protected]#$%^&*()?
- Bold
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
CMS pages
Mixins
| Heading 55px | Heading 24px | Heading 24px | Heading 16px | Heading 32px | Heading 18px | Heading 18px | Heading 14px |
|---|---|---|---|---|---|---|---|
| .h1-desktop() | .h2-desktop() | .h3-desktop() | .h4-desktop() | .h1() | .h2() | .h3() | .h4() |
