Typography

Platform  

css

   │    Support  

Chromium supported

Firefox supported

Safari supported

Edge supported

Since  2.0.0

   │   

Olivier Bossel

   │   

beta

  Preview

  Install

  CSS Classes

1. s-typo:h1

   Apply the h1 style

2. s-typo:h2

   Apply the h2 style

3. s-typo:h3

   Apply the h3 style

4. s-typo:h4

   Apply the h4 style

5. s-typo:h5

   Apply the h5 style

6. s-typo:h6

   Apply the h6 style

7. s-typo:p

   Apply the p style

8. s-typo:lead

   Apply the lead style

9. s-typo:hr

   Apply the hr style

10. s-typo:pre:not([class])

    Apply the pre:not([class]) style

11. s-typo:code:not(pre > code)

    Apply the code:not(pre > code) style

12. s-typo:blockquote

    Apply the blockquote style

13. s-typo:a

    Apply the a style

14. s-typo:quote

    Apply the quote style

15. s-typo:bold

    Apply the bold style

16. s-typo:italic

    Apply the italic style

17. s-typo:large

    Apply the large style

18. s-typo:larger

    Apply the larger style

19. s-typo:largest

    Apply the largest style

20. s-typo:small

    Apply the small style

21. s-typo:smaller

    Apply the smaller style

22. s-typo:smallest

    Apply the smallest style

23. s-typo:mark

    Apply the mark style

24. s-typo:del

    Apply the del style

25. s-typo:ins

    Apply the ins style

26. s-typo:sub

    Apply the sub style

27. s-typo:sup

    Apply the sup style

28. s-typo:main

    Apply the main style

29. s-typo:mainGradient

    Apply the mainGradient style

30. s-typo:accent

    Apply the accent style

31. s-typo:accentGradient

    Apply the accentGradient style

32. s-typo:complementary

    Apply the complementary style

33. s-typo:complementaryGradient

    Apply the complementaryGradient style

34. s-typo:success

    Apply the success style

35. s-typo:successGradient

    Apply the successGradient style

36. s-typo:warning

    Apply the warning style

37. s-typo:warningGradient

    Apply the warningGradient style

38. s-typo:error

    Apply the error style

39. s-typo:errorGradient

    Apply the errorGradient style

40. s-typo:info

    Apply the info style

41. s-typo:infoGradient

    Apply the infoGradient style

42. s-format:text

    Format automatically child tags like strong to the s-typo:string style

43. s-rhythm:vertical

    Apply the vertical rhythm to all direct child tags