Less 我如何声明变量列表中包含较少的变量？

我正在尝试将下面的SASS文件翻译成更少的内容。下面的代码是SASS文件的一部分

.btn-border-o {
    background-color: transparent;
    border: 1px solid #d0d0d0;
    color: #B8B8B8;

    &:before {
        width: 0;
        height: 100%;
        border-width: 1px 0 1px 0;
        top: -1px;
        left: 0;
        transition-delay: 0.05s;
    }

    &:after {
        width: 100%;
        height: 0;
        border-width: 0 1px 0 1px;
        top: 0;
        left: -1px;
    }

    @each $name,$hex in $btn-colors {

        &.btn-#{$name} {

            &:before,
            &:after {
                border-color: #{$hex};
            }

            &:hover {
                color: #{$hex};
            }
        }
    }
}

SASS允许创建变量列表，就像创建字典一样。比如：

$btn-colors: (
    "green": "#2ecc71",
    "blue": "#3498db",
    "purple": "#9b59b6",
    "navy": "#34495e",
    "orange": "#e67e22",
    "red": "#e74c3c"
);

因此，它允许在此基础上进行循环。 然而，我很难找到任何关于以更少的成本列出变量的文档

---

如果没有，我想知道如何根据上面的代码示例将该转换为LESS。

您可以创建类似in的关联数组并使用循环。是一个在较少的时间内实现的。不发布答案，因为它看起来像是另一个答案的副本。希望这对您有所帮助。可能的副本