LESS — это препроцессор для css. Его возможности позволяют не только быстро и красиво писать стили для сайта, но и создавать функции, благодаря которым рутинные задачи выполняются намного быстрее. Одна из таких возможностей это использование миксинов или примесей к основным классам. Здесь размещены миксины LESS. Подборка для ускорения верстки сайта.
Конвертация шрифта из пикселей в em
/*
@context - размер шрифта родительского элемента (в основном это элемент body)
@target- размер шрифта текущего элемента
*/
.px2em( @target, @context ) {
font-size: (@target / @context) + 0em;
}
Конвертация в проценты
/* Формула для перевода пикселей в проценты */
.pxtp( @pixel:@base ) {
@return: @pixel /@base * 100%+0px;
}