Mojo Ribbon — идеальная лента или тригонометрия в LESS

[tenbits]

Если воспользоваться transform-origin вычисления могут быть проще, а если использовать lesshat, то запись будет проще.
Пример для левой верхней ленты —

.ribbon(@width, @height, @deg:45deg){
    .box-sizing(border-box);
    .transform-origin(100% 100%);
    .rotate(-@deg);
    .size(@width, @height);
	
    position: absolute;
    bottom: 100%;
    left: cos(@deg) * @width - @width;
}

[ilusha_sergeevich]

Да. Не знал про origin. Lesshat — большой, я в других проектах использую его.

[DROS]

ээээ… а почему «Я пиарюсь»?

[ilusha_sergeevich]

Потому, что — большое спасибо админам хабра. Я разместил ссылку на сторонний ресурс и вместо того что бы перевести в read only они просто изменили хаб