如何用LESS声明变量列表?

时间:2015-05-15 15:05:16

标签: less

我正在尝试将以下SASS文件翻译为LESS。下面的代码是SASS文件的一部分。

sslcompression

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};
            }
        }
    }
}

因此它允许基于此创建循环。 但是,我很难找到关于为LESS制作变量列表的任何文档。

如果没有,我想知道如何根据上面的代码示例过渡到LESS。

0 个答案:

没有答案