0

我是 less 的新手,我尝试了一下,我找到了一个应该可以工作的 mixin 代码片段,但它没有。只要我把变量放在reset.less 文件的顶部,它就可以工作。所以我猜我的 Joomla Less 编译器无法正确编译它。但是,如果代码合适,我现在不熟悉了。我正在尝试以下代码:

    .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
    -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
    -moz-box-shadow:    inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
    box-shadow:         inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
    }

在我这样写之后它起作用了:

    @x: 0; @y: 1px; @blur: 2px; @spread: 0; @alpha: 0.25;
    .inner-shadow{
    -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
    -moz-box-shadow:    inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
    box-shadow:         inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
    }
4

0 回答 0