我正在尝试将以下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。