docs: fix markdown block (#7960)

This commit is contained in:
三咲智子 2022-05-30 10:26:15 +08:00 committed by GitHub
parent 53d8c93773
commit 180a2b91e0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 7 deletions

View File

@ -5,10 +5,11 @@ lang: en-US
## Custom namespace <VersionTag version="2.2.0" />
::: tip
We provide a example in [element-plus-vite-starter](https://github.com/element-plus/element-plus-vite-starter).
:::tip
We provide a example in [element-plus-vite-starter](https://github.com/element-plus/element-plus-vite-starter).
Just check it.
:::
Default namespace is `el`.

View File

@ -23,7 +23,7 @@ These are examples about custom theme.
`theme-chalk` is written in SCSS.
You can find SCSS variables in [`packages/theme-chalk/src/common/var.scss`](https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss).
::: warning
:::warning
We use sass modules ([sass:map](https://sass-lang.com/documentation/values/maps)...) and `@use` to refactor all SCSS variables.
@ -70,7 +70,7 @@ $colors: map.deep-merge(
If your project also uses SCSS, you can directly change Element Plus style variables. Create a new style file, e.g. `styles/element/index.scss`:
::: warning
:::warning
You should use `@use 'xxx.scss' as *;` instead of `@import 'xxx.scss';`.
@ -98,7 +98,7 @@ Because the sass team said they will remove `@import` eventually.
Then in the entry file of your project, import this style file instead of Element's built CSS:
::: tip
:::tip
Import `element/index.scss` before scss of element-plus to avoid the problem of sass mixed variables, because we need generate light-x by your custom variables.
@ -106,7 +106,7 @@ Import `element/index.scss` before scss of element-plus to avoid the problem of
Create a `element/index.scss` to combine your variables and variables of element-plus. (If you import them in ts, they will not be combined.)
::: tip
:::tip
In addition, you should distinguish your scss from the element variable scss.
If they are mixed together, each hot update of `element-plus` needs to compile a large number of scss files, resulting in slow speed.
@ -204,7 +204,7 @@ CSS Variables is a very useful feature, already supported by almost all browsers
We have used css variables to reconstruct the style system of almost all components.
::: tip
:::tip
It is compatible with the SCSS variable system. We use the function of SCSS to automatically generate css variables for use.