这是什么css写法?

最近在用element做项目,想写一些自己的组件.在看element他们的css部分有点蒙,求大神指教.

@component-namespace el {
    @b button {
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background: var(--button-default-fill);
        border: var(--border-base);
        color: var(--button-default-color);
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: none;
        margin: 0;
        @utils-user-select none;
        &+.el-button {
            margin-left: 10px;
        }
        @mixin button-size var(--button-padding-vertical),
        var(--button-padding-horizontal),
        var(--button-font-size);

取部分button.css代码,其中@component-namespace el, @b, @utils-user-select none; @mixin 是什么意思?求指教

阅读 3.6k
评论
    5 个回答
    • 307

    这是less,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,你去看下文档

      相似问题
      推荐文章