Я пытаюсь создать список переменных, которые я могу использовать в проекте Less. Чтобы соответствовать информации, которую дает мне дизайнер, я хотел бы создать переменные для автоматизации уменьшения непрозрачности.
Я использовал функцию "fade", чтобы уменьшить непрозрачность цвета, поскольку, если бы я использовал "непрозрачность"свойство CSS Я бы удалил непрозрачность всего элемента, например, также в фоновом режиме.
@secondary95: fade(@secondary, 95);
@secondary90: fade(@secondary, 90);
@secondary85: fade(@secondary, 85);
@secondary80: fade(@secondary, 80);
@secondary75: fade(@secondary, 75);
@secondary70: fade(@secondary, 70);
@secondary65: fade(@secondary, 65);
@secondary60: fade(@secondary, 60);
@secondary55: fade(@secondary, 55);
@secondary50: fade(@secondary, 50);
@secondary45: fade(@secondary, 45);
@secondary40: fade(@secondary, 40);
@secondary35: fade(@secondary, 35);
@secondary30: fade(@secondary, 30);
@secondary25: fade(@secondary, 25);
@secondary20: fade(@secondary, 20);
@secondary15: fade(@secondary, 15);
@secondary10: fade(@secondary, 10);
@secondary5: fade(@secondary, 5);
Код, который я хотел бы получить, формируется из этого псевдокода:
repeat a loop starting from 5, add 5 units each loop till you reach 100 {
@name "contatenation" @number-of-iteration: fade(@name, @number-of-iteration)
}