Группировать свойства с меньшим количеством CSS - PullRequest
Новая
       6

Группировать свойства с меньшим количеством CSS

0 голосов
/ 10 октября 2018

Я создал миксин, который автоматически генерирует любые классы, которые вы ему выбрасываете.Моя цель - объединить свойства.Например, вы можете захотеть: 

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

Но миксин делает это: 

.py-20 {
    padding-top: 20rem;
}
.py-20 {
    padding-bottom: 20rem;
}

Вот полный код Less 

@padding: {
    20:             2rem;
    30:             3rem;
}

@responsive-modifiers: true;

#config () {
    .generate(py, padding-top, @padding);
    .generate(py, padding-bottom, @padding);
}

#config();

.generate(@prefix, @property, @list) {
    each(@list, {
        .@{prefix}-@{key} {
            @{property}: @value;
        }
    });
}

Идеи приветствуются!

...