Skip to content

Commit

Permalink
[wip] Navigation Menu: sub menu items design (#18350)
Browse files Browse the repository at this point in the history
* navigation-menu: remove dashes for nesting items

* navigation-menu: add and import theme file
  • Loading branch information
retrofox authored and Tammie Lister committed Nov 8, 2019
1 parent 37301b8 commit 02d8931
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 10 deletions.
10 changes: 0 additions & 10 deletions packages/block-library/src/navigation-menu/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -84,23 +84,13 @@

// Sub-menu depth indicators
ul ul {

list-style: none;
margin-left: 0;
// Reset the counter for each UL
counter-reset: nested-list;

li a {

padding-top: 8px;
padding-bottom: 8px;

&::before {
// Increment the dashes
counter-increment: nested-list;
// Insert dashes with spaces in between
content: "\2013\00a0" counters(nested-list, "\2013\00a0", none);
}
}
}

Expand Down
6 changes: 6 additions & 0 deletions packages/block-library/src/navigation-menu/theme.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
.wp-block-navigation-menu {
ul,
ul li {
list-style: none;
}
}
1 change: 1 addition & 0 deletions packages/block-library/src/theme.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
@import "./gallery/theme.scss";
@import "./image/theme.scss";
@import "./pullquote/theme.scss";
@import "./navigation-menu/theme.scss";
@import "./quote/theme.scss";
@import "./search/theme.scss";
@import "./group/theme.scss";
Expand Down

0 comments on commit 02d8931

Please sign in to comment.