Skip to content

Commit

Permalink
Move classes used from navigation component to block (#37375)
Browse files Browse the repository at this point in the history
  • Loading branch information
mkaz committed Dec 15, 2021
1 parent 83714d8 commit 7708b39
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 9 deletions.
13 changes: 13 additions & 0 deletions packages/block-library/src/navigation/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
# Navigation block

The Navigation block is a container block for the collection of blocks that allow visitors to get around your site. See also the Navigation Link block and Navigation Submenu block.

## CSS Classes

The structural CSS for the navigation block targets generic classnames across menu items of multiple types including those automatically generated by the Page List block. Here are some of the notable classnames and what they are used for:

- `.wp-block-navigation__submenu-container` is applied to submenus to main menu items.
- `.wp-block-navigation-item` is applied to every menu item.
- `.wp-block-navigation-item__content` is applied to the link inside a menu item.
- `.wp-block-navigation-item__label` is applied to the innermost container around the menu item text label.
- `.wp-block-navigation__submenu-icon` is applied to the submenu indicator (chevron).
9 changes: 0 additions & 9 deletions packages/components/src/navigation/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -44,15 +44,6 @@ const MyNavigation = () => (
</Navigation>
);
```
## CSS Classes leveraged

The structural CSS for the navigation block targets generic classnames across menu items of multiple types including those automatically generated by the Page List block. Here are some of the notable classnames and what they are used for:

- `.wp-block-navigation__submenu-container` is applied to submenus to main menu items.
- `.wp-block-navigation-item` is applied to every menu item.
- `.wp-block-navigation-item__content` is applied to the link inside a menu item.
- `.wp-block-navigation-item__label` is applied to the innermost container around the menu item text label.
- `.wp-block-navigation__submenu-icon` is applied to the submenu indicator (chevron).

## Navigation Props

Expand Down

0 comments on commit 7708b39

Please sign in to comment.