Skip to content

wgao19/docusaurus-theme-no-style

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Docusaurus Theme No Style

This theme is a trim down from @docusaurus/theme-classic of Docusaurus 2 to contain only opinionated minimum styles:

  • all css selectors are using only semantic html tags with roles, no class names used
  • docs and blog page layout with grid with 2 side sections and 1 main in middle
  • accessory sections have paddings with a fixed value 1rem

Overwriting styles for this theme

The suggested way of overwriting styles for themes is by swizzling.

Depending on how fine-grained you wish to overwrite the styles, you have a few options:

To modify the styling without changing the DOM structure of individual components, you may swizzle the Layout component and update the CSS there:

$ yarn swizzle @wgao19/docusaurus-theme-no-style Layout

This will copy the Layout component to your site's src directory. Restart your dev server, and then the site will be using the component in your code.

Most of the styles provided in this theme is inside the Layout component.

If you need to modify the DOM structure and / or styling for individual component, swizzle the corresponding component with the same command.

To see the list of components provided by this theme, refer here.

About

🦖 Opinionated minimum style theme for Docusaurus 2

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published