3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-04-29 18:27:56 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(v2): rename class main-docs-wrapper to docs-wrapper (#4619)

Browse source
This commit is contained in:
Sébastien Lorber 2021-04-15 18:56:41 +02:00 • committed by GitHub
parent 2d89d5c84f
commit 073fdeae8e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css
View file

@ -9,7 +9,7 @@
--doc-sidebar-width: 300px;
}
:global(.main-docs-wrapper) {
:global(.docs-wrapper) {
display: flex;
}

2
packages/docusaurus-theme-common/src/utils/ThemeClassNames.ts
View file

@ -18,7 +18,7 @@ export const ThemeClassNames = {
wrapper: {
main: 'main-wrapper',
blogPages: 'blog-wrapper',
docPages: 'main-docs-wrapper',
docPages: 'docs-wrapper',
mdxPages: 'mdx-wrapper',
},
};

7
website/docs/styling-layout.md
View file

@ -105,13 +105,18 @@ function MyComponent() {
We provide some predefined CSS class names to provide access for developers to style layout of a page globally in Docusaurus. The purpose is to have stable classnames shared by all themes that are meant to be targeted by custom CSS.
import ThemeClassNamesCode from '!!raw-loader!@site/../packages/docusaurus-theme-common/src/utils/ThemeClassNames.ts'; import CodeBlock from '@theme/CodeBlock';
```mdx-code-block
import ThemeClassNamesCode from '!!raw-loader!@site/../packages/docusaurus-theme-common/src/utils/ThemeClassNames.ts';
import CodeBlock from '@theme/CodeBlock';
<CodeBlock className="language-ts">
{ThemeClassNamesCode
// remove source comments
.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g,'')
.trim()}
</CodeBlock>
```
### CSS modules {#css-modules}