Commit 0d3ef49
committed
docs: put the pill inset on the elements that paint it
Zensical paints nav hover/active pills on .md-nav__link[href] anchors and
[for] labels, never on the .md-nav__container wrapper — which is where the
previous commit put the padding, leaving container-type section labels
with a pill hugging their text. Move the inset onto the paint elements
(leaf links, bare labels, and a wrapper's inner anchor) and keep wrappers
geometry-neutral like stock. The 10px inset also keeps the pill's corner
radius (0.4rem) from crowding the glyphs.1 parent c8449b7 commit 0d3ef49
1 file changed
Lines changed: 11 additions & 6 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
11 | 11 | | |
12 | 12 | | |
13 | 13 | | |
14 | | - | |
15 | | - | |
16 | | - | |
17 | | - | |
| 14 | + | |
| 15 | + | |
| 16 | + | |
| 17 | + | |
| 18 | + | |
| 19 | + | |
| 20 | + | |
| 21 | + | |
18 | 22 | | |
19 | 23 | | |
20 | 24 | | |
21 | | - | |
| 25 | + | |
| 26 | + | |
22 | 27 | | |
23 | 28 | | |
24 | 29 | | |
25 | | - | |
| 30 | + | |
26 | 31 | | |
27 | 32 | | |
28 | 33 | | |
| |||
0 commit comments