Setup vertical rhythm and later on create a less mixin based

[Bogdaniel]

i’ve been googling alot for vertical rhythm found some tutorials about it but i didn’t quite understand from those examples how to setup vertical rhythm in css based on font-size and so on. Can someone provide a good example using default font size (16) and explain a little better the math behind it ?

So far what i understood is something like this:

body {
    font-size: 100; /* 16px */
    line-height: 1.5em; /* math -  (16 * 1.5) / 16 */
}
//then
p {
   line-height: 1.5em
   margin-top: 1.5em
   margin-bottom: 15.em
}

but from here i don’t understand how it works and what should i do next.

[Bogdaniel]

bump :D

[Author]

Posts