element-ui - 这是什么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 是什么意思?求指教

解决方案

找到了,是element自家开发的post-salad插件,Postcss-salad 是一个基于 PostCSS 的 CSS 解决方案，它提供了一系列快捷的 at-rule 和默认语法声明来帮助你快速地搭建项目样式与类库，它只在调用时才输出代码，而不是直接提供 CSS 类库。
https://github.com/ElemeFE/po...

这篇关于element-ui - 这是什么css写法?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！