element-plus/packages/theme-chalk
云游君 8583c70fdc
feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696)
* feat(theme-chalk): use @use instead of @import & remove /**/ comment

* refactor(theme-chalk): refactor scss with @use module

* fix(docs): scss in docs toggle to '@use'

* docs: add custom theme on demand

* docs: add unplugin-element-plus
2021-09-28 20:42:12 +08:00
..
src feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696) 2021-09-28 20:42:12 +08:00
.gitignore feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696) 2021-09-28 20:42:12 +08:00
gulpfile.ts build: refactor each package build (#3709) 2021-09-28 20:28:47 +08:00
package.json feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696) 2021-09-28 20:42:12 +08:00
README.md feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696) 2021-09-28 20:42:12 +08:00
tsconfig.json chore(build): remove useless dependencies & use ts for gulp & add progressbar (#2792) 2021-08-03 09:12:34 +08:00

element-theme-chalk

element component chalk theme.

Installation

npm i element-plus

Usage

Use Sass import

@use 'element-plus/lib/theme-chalk/index.scss';

Or Use vite/webpack

import 'element-plus/lib/theme-chalk/index.css'

Or

<link
  rel="stylesheet"
  href="https://unpkg.com/element-plus/lib/theme-chalk/index.css"
/>

Import on demand

import 'element-plus/lib/theme-chalk/input.css'
import 'element-plus/lib/theme-chalk/select.css'

// ...