Если воспользоваться 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;
}