Our CSS framework allows you to style text in several fairly concise classes. There is a stylization of standard H1-H6 headers, text alignment and wrapping, table styling. In short, a strict gentlemanly style set for text.

TODO: beautiful lists.

Titles

Title of first level H1

Title of second level H2

Title of third level H3

Title of the fourth level H4

Title of the fifth level H5

Title of the sixth level H6

Text alignment

Don't forget about the special classes of adaptability that allow you to adjust the alignment depending on the screen width. That is, certain blocks are better represented by left-aligned text on large screens, but centered on very small ones. To do this, a simple set of classes:

class="txt-l xs-txt-c"

Text floating

Floating text by left side .float-left or .flt-l
Lorem ipsum dolor sit amet, ei dicit legendos persequeris quo. Ad eos purto nonumy debitis. Ad efficiendi liberavisse mel, omnis fastidii consulatu sit ea, vix amet labitur disputationi id. Duo at iuvaret tractatos scribentur, et atqui iudico necessitatibus sit. Veniam maiestatis in mel, ex exerci omnium incorrupte ius. An nam ornatus inermis, adhuc vituperata qui no. Sit dolores urbanitas reformidans eu. Iudico putent salutandi duo ex, eu ius omnis iusto honestatis.

Floating text by right side .float-right or .flt-r
Lorem ipsum dolor sit amet, ei dicit legendos persequeris quo. Ad eos purto nonumy debitis. Ad efficiendi liberavisse mel, omnis fastidii consulatu sit ea, vix amet labitur disputationi id. Duo at iuvaret tractatos scribentur, et atqui iudico necessitatibus sit. Veniam maiestatis in mel, ex exerci omnium incorrupte ius. An nam ornatus inermis, adhuc vituperata qui no. Sit dolores urbanitas reformidans eu. Iudico putent salutandi duo ex, eu ius omnis iusto honestatis.

Quotes

There are several ways to design a quote: a tag blockquote, a tag q, CSS class .quote

Lorem ipsum dolor sit amet, ei dicit legendos persequeris quo. Ad eos purto nonumy debitis. Ad efficiendi liberavisse mel, omnis fastidii consulatu sit ea, vix amet labitur disputationi id. Duo at iuvaret tractatos scribentur, et atqui iudico necessitatibus sit. Veniam maiestatis in mel, ex exerci omnium incorrupte ius.

Layout of the code in the text

Use a CSS class .code or PRE tag:

(function() {
    m('[data-m-action]').init();
})();

Tables