pattern box-shadow

@color-1: #01aef0; @color-2: #fec017; @color-3: #ee1c25; @color-4: #593faa; @color-5: #8ac43a; @colors : color-1, color-2, color-3, color-4, color-5; @size-with-color : 80; @size-screen:1800px; .ribbon { margin-left: unit((-1 *@size-with-color),px); height: 100px; width: unit(@size-with-color,px); .addShadowColor(@i:1 ) when (@i <= length(@colors) ) { @color: extract(@colors, @i); box-shadow+: unit(( (@size-with-color*@i)+ (@max-size-interno) ),px ) 0 @@color; .addShadowColor((@i + 1)); } .makeSegments(@max-size-interno:0) when (@max-size-interno < @size-screen) { .addShadowColor; .makeSegments((@max-size-interno + (length(@colors)*@size-with-color) )); } .makeSegments; }