Как правильно использовать вертикальный ритм средствами Compass?

Question

[stoxx2011]

На днях решил попробовать вертикальный ритм в компасе и сразу же натолкнулся на неприятность.

Допустим, мы указали через переменную размер шрифта, интерлиньяж и подключили миксин, включающий вертикальный ритм. Текст на страничке смотрится хорошо и он укладывается в вертикальные линии, отрисованные миксином debug-vertical-alignment.

Но я решил сделать вертикальное меню: ссылки сделал блоками, добавил отступы, чтобы они смотрелись как кнопки. Разумеется, текст теперь никак не попадает под вертикальные линии.



Это нормально? Может не стоит обращать внимание на вертикальные линии?

Comments

[stoxx2011]

Ну а чё код, всего пару строчек.
В SCSS файле:
$base-font-family: 'Arial', sans-serif;
$base-font-size: 14px;
$base-line-height: ($base-font-size * 1.5);

И стили меню:
.menu {
li a {
display: block;
text-decoration: none;
font-size: 18px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #eee;
}
}

Сейчас вот решил отступы задать так:
padding-top: $base-line-height / 2;
padding-bottom: $base-line-height / 2;

Answer 1

[Роман Огарков]

Смотри, отец, как надо пользоваться вертикальным ритмом в compass https://www.youtube.com/watch?v=Leert-TnSSg