Typography
Colors
-
#50b7f8;
@bibo-blue
-
##75f1ff
@bibo-light-blue
-
#0967a3
@bibo-dark-blue
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
Poppins
- Regular
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- 1234567890@#$%^&*()?
- Semi-bold
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- 1234567890@#$%^&*()?
- Bold
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
CMS pages
Mixins
| Heading 60px | Heading 32px | Heading 24px | Heading 16px | Heading 32px | Heading 24px | Heading 18px | Heading 14px |
|---|---|---|---|---|---|---|---|
| .h1-desktop() | .h2-desktop() | .h3-desktop() | .h4-desktop() | .h1() | .h2() | .h3() | .h4() |