From 180a2b91e043d8ec1a7f161bf4b80dc7e3537993 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= Date: Mon, 30 May 2022 10:26:15 +0800 Subject: [PATCH] docs: fix markdown block (#7960) --- docs/en-US/guide/namespace.md | 5 +++-- docs/en-US/guide/theming.md | 10 +++++----- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/docs/en-US/guide/namespace.md b/docs/en-US/guide/namespace.md index 30e4e8b4ba..50fbc4846a 100644 --- a/docs/en-US/guide/namespace.md +++ b/docs/en-US/guide/namespace.md @@ -5,10 +5,11 @@ lang: en-US ## Custom namespace -::: 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`. diff --git a/docs/en-US/guide/theming.md b/docs/en-US/guide/theming.md index 86bd6a1be4..0a4bdb6d48 100644 --- a/docs/en-US/guide/theming.md +++ b/docs/en-US/guide/theming.md @@ -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.