GitXplorerGitXplorer
w

docusaurus-theme-no-style

public
7 stars
2 forks
26 issues

Commits

List of commits on branch master.
Unverified
85c708ca5b86bd96d882e9f95074f5224cc3747b

hover heading to display anchor

wwgao19 committed 5 years ago
Unverified
7e48ea15fbdaf6dc4f5528aa1c7ca3345630fc3f

bump npm v #

wwgao19 committed 5 years ago
Unverified
62e20c6ecbea5598b439a426efd3fcc4c3e47758

add example site

wwgao19 committed 5 years ago
Unverified
35638bddcf50c7377acc6233fce9b422a44a0833

move heading hash to after the tag

wwgao19 committed 5 years ago
Unverified
e21414ac43c55282d6c7342dbaf93b4a56341d17

move for an example site

wwgao19 committed 5 years ago
Unverified
ddedfd78214c19f0a53bdd59000f35fe094e9c87

0.0.4

wwgao19 committed 5 years ago

README

The README file for this repository.

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.