diff --git a/src/assets/stylesheets/layout/_nav.scss b/src/assets/stylesheets/layout/_nav.scss
index d57c961f7..1cf4fe6a4 100644
--- a/src/assets/stylesheets/layout/_nav.scss
+++ b/src/assets/stylesheets/layout/_nav.scss
@@ -129,18 +129,18 @@
}
}
- // Blurred item
+ // Blurred link
&[data-md-state="blur"] {
color: $md-color-black--light;
}
- // Active item
+ // Active link
&:active,
&--active {
color: $md-color-primary;
}
- // Focused or hovered item
+ // Focused or hovered link
&:focus,
&:hover {
color: $md-color-accent;
diff --git a/tests/visual/baseline/ci/md-nav--primary/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/@screen/chrome.png
index d7b443215..67d45f961 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/@screen/edge.png b/tests/visual/baseline/ci/md-nav--primary/@screen/edge.png
index bcc4dcf4e..a5392a484 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/@screen/edge.png and b/tests/visual/baseline/ci/md-nav--primary/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/@screen/firefox.png
index 1fa33b1ff..eeb85b2ff 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/@screen/ie11.png
index c95c80a2e..dc9f7d767 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/chrome.png
index 558019e44..f1f2b2fb2 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/edge.png
index d47134ea9..fc682ec48 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/firefox.png
index cb1047d04..6391c201e 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/ie11.png
index b7ceb3442..b88e8a914 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/chrome.png
new file mode 100644
index 000000000..41ae589c8
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/edge.png
new file mode 100644
index 000000000..40301faa0
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/firefox.png
new file mode 100644
index 000000000..6da6f9c08
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/ie11.png
new file mode 100644
index 000000000..495ac05c5
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--primary/md-nav--secondary/@tablet-portrait/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/chrome.png
index cbbd9d515..e768e4044 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/firefox.png
index e17b4849a..84c979808 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/ie11.png
index 7c2ab08eb..1efb5bcb6 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@tablet-landscape/edge.png
index c28eb5917..41f4d8dc9 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/chrome.png
index f0b410623..1ba2bdc3f 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/edge.png
index adaa7456e..081306e03 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/firefox.png
index 5645d6e7e..3fc75b964 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/ie11.png
index b5f608326..a8236c2b8 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/chrome.png
index cd81d3997..1bd798ea0 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/edge.png
index db345ef09..5d9d73de5 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/firefox.png
index 4d3eac267..e89f047a9 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/ie11.png
index f707c35bb..d5689a9ef 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/chrome.png
index 5f4cee256..409ae5beb 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/firefox.png
index fe68dfb74..a71c10590 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/ie11.png
index 32c32fb98..fb77a1cea 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@tablet-landscape/edge.png
index 8c0ab418d..2cf004ace 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:focus/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/chrome.png
index 5f4cee256..409ae5beb 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/firefox.png
index fe68dfb74..a71c10590 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/ie11.png
index 32c32fb98..fb77a1cea 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@tablet-landscape/edge.png
index 8c0ab418d..2cf004ace 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/:hover/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/chrome.png
index fc3a74a0b..b8690ff34 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/firefox.png
index 0ff4c52e6..8adc5055b 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/ie11.png
index 33da3be18..d23269c7a 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@tablet-landscape/edge.png
index e594e8416..133c97a8b 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item--nested/md-nav__link/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/chrome.png
index 7937c1bdf..f509afc95 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/firefox.png
index 17b22ca8f..f9f049161 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/ie11.png
index 4e48abaf3..b382e2b39 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@tablet-landscape/edge.png
index ea4ee7a61..53bf32e6b 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__item/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/chrome.png
index 24b2ace16..be963f643 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/firefox.png
index f6363e99a..982c3680e 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/ie11.png
index d472a0ddc..0834e5e3b 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@tablet-landscape/edge.png
index 5ecb66589..a4e2cf174 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:focus/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/chrome.png
index 24b2ace16..be963f643 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/firefox.png
index f6363e99a..982c3680e 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/ie11.png
index d472a0ddc..0834e5e3b 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@tablet-landscape/edge.png
index 5ecb66589..a4e2cf174 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/:hover/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/chrome.png
index c462bccb1..2c7ab6c87 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/firefox.png
index 9c025e1fa..c12ee6fd8 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/ie11.png
index bdac1c999..c98f9f1d9 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@tablet-landscape/edge.png
index ea4ee7a61..53bf32e6b 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/:focus/@tablet-portrait/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/:focus/@tablet-portrait/edge.png
index 057f658c0..e148817fa 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/:focus/@tablet-portrait/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/:focus/@tablet-portrait/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/:hover/@tablet-portrait/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/:hover/@tablet-portrait/edge.png
index 057f658c0..e148817fa 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/:hover/@tablet-portrait/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/:hover/@tablet-portrait/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/@tablet-portrait/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/@tablet-portrait/edge.png
index 0103bcd0d..ab4efe624 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/@tablet-portrait/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link--active/~toc/@tablet-portrait/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/chrome.png
index 95e4ce420..ea727c279 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/firefox.png
index a95e596d9..b8a09d9f7 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/ie11.png
index b38b18734..6f88381fa 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@tablet-landscape/edge.png
index a61d2f9d8..9857769e7 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@tablet-landscape/ie11.png
index 79a490781..efe0471d4 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@tablet-landscape/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:focus/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/chrome.png
index 95e4ce420..ea727c279 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/firefox.png
index a95e596d9..b8a09d9f7 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/ie11.png
index b38b18734..6f88381fa 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@tablet-landscape/edge.png
index a61d2f9d8..9857769e7 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@tablet-landscape/ie11.png
index 79a490781..efe0471d4 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@tablet-landscape/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/:hover/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/chrome.png
index f5c9f2907..226e5b574 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/firefox.png
index c29eb0aac..f6c4f0c6b 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/ie11.png
index 5cc0296d6..323ea52b0 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@tablet-landscape/edge.png
index 8ddef6eb8..fa968631e 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@tablet-landscape/ie11.png
index 648f4ee4d..7041292c0 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@tablet-landscape/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__link/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/chrome.png
index 5a675a3ac..297f5c2e9 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/edge.png
index f9abf1044..4f4c1db10 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/firefox.png
index f63317db9..d9fcb3325 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/ie11.png
index 0b4d52a2d..b79ebde60 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/chrome.png
index 6a8c19126..eb9c90f05 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/edge.png
index 9449614f5..222fbacb4 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/edge.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/firefox.png
index 0514d7603..0fc06ecc4 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/ie11.png
index ca6710d29..6f52dcb33 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/md-nav__title/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/chrome.png
index 057b3ca77..2bd30e4a5 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/chrome.png and b/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/edge.png b/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/edge.png
index 75dae969f..0ec36d572 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/edge.png and b/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/firefox.png
index 76b3991bb..a409313bd 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/firefox.png and b/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/ie11.png
index 15197187f..74e5c55ae 100644
Binary files a/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/ie11.png and b/tests/visual/baseline/ci/md-nav--primary/~nested/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/@screen/chrome.png
new file mode 100644
index 000000000..2c7d21bb1
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/@screen/edge.png b/tests/visual/baseline/ci/md-nav--secondary/@screen/edge.png
new file mode 100644
index 000000000..47c461cf1
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/@screen/firefox.png
new file mode 100644
index 000000000..3bd5fef30
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/@screen/ie11.png
new file mode 100644
index 000000000..82b945dd1
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/chrome.png
new file mode 100644
index 000000000..ca55b446e
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/edge.png
new file mode 100644
index 000000000..dcc6ad616
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/firefox.png
new file mode 100644
index 000000000..127c2ccb5
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/ie11.png
new file mode 100644
index 000000000..62de9c554
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/chrome.png
new file mode 100644
index 000000000..f038d5f1e
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/edge.png
new file mode 100644
index 000000000..4ff7bfdcf
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/firefox.png
new file mode 100644
index 000000000..a825c1fa0
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/ie11.png
new file mode 100644
index 000000000..7ab975ac6
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/chrome.png
new file mode 100644
index 000000000..bb876e0eb
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/edge.png
new file mode 100644
index 000000000..f8225b29f
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/firefox.png
new file mode 100644
index 000000000..aae924782
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/ie11.png
new file mode 100644
index 000000000..5afe10e90
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__item/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/chrome.png
new file mode 100644
index 000000000..441231386
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/edge.png
new file mode 100644
index 000000000..30c172ccb
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/firefox.png
new file mode 100644
index 000000000..da9ae32b1
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/ie11.png
new file mode 100644
index 000000000..d5b9e702f
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/chrome.png
new file mode 100644
index 000000000..dd07c0465
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/edge.png
new file mode 100644
index 000000000..3f47757ea
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/firefox.png
new file mode 100644
index 000000000..f10520eb6
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/ie11.png
new file mode 100644
index 000000000..6947b1ebf
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:focus/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/chrome.png
new file mode 100644
index 000000000..441231386
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/edge.png
new file mode 100644
index 000000000..30c172ccb
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/firefox.png
new file mode 100644
index 000000000..da9ae32b1
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/ie11.png
new file mode 100644
index 000000000..d5b9e702f
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/chrome.png
new file mode 100644
index 000000000..dd07c0465
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/edge.png
new file mode 100644
index 000000000..3f47757ea
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/firefox.png
new file mode 100644
index 000000000..f10520eb6
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/ie11.png
new file mode 100644
index 000000000..6947b1ebf
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/:hover/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/chrome.png
new file mode 100644
index 000000000..2caca7efd
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/edge.png
new file mode 100644
index 000000000..75d15762c
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/firefox.png
new file mode 100644
index 000000000..b6e836a5a
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/ie11.png
new file mode 100644
index 000000000..66356b47b
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/chrome.png
new file mode 100644
index 000000000..af44480da
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/edge.png
new file mode 100644
index 000000000..2d7d5548a
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/firefox.png
new file mode 100644
index 000000000..383f74f6a
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/ie11.png
new file mode 100644
index 000000000..ceb079dbd
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/chrome.png
new file mode 100644
index 000000000..441231386
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/edge.png
new file mode 100644
index 000000000..30c172ccb
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/firefox.png
new file mode 100644
index 000000000..da9ae32b1
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/ie11.png
new file mode 100644
index 000000000..d5b9e702f
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/chrome.png
new file mode 100644
index 000000000..dd07c0465
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/edge.png
new file mode 100644
index 000000000..3f47757ea
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/firefox.png
new file mode 100644
index 000000000..f10520eb6
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/ie11.png
new file mode 100644
index 000000000..6947b1ebf
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:focus/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/chrome.png
new file mode 100644
index 000000000..441231386
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/edge.png
new file mode 100644
index 000000000..30c172ccb
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/firefox.png
new file mode 100644
index 000000000..da9ae32b1
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/ie11.png
new file mode 100644
index 000000000..d5b9e702f
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/chrome.png
new file mode 100644
index 000000000..dd07c0465
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/edge.png
new file mode 100644
index 000000000..3f47757ea
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/firefox.png
new file mode 100644
index 000000000..f10520eb6
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/ie11.png
new file mode 100644
index 000000000..6947b1ebf
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/:hover/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/chrome.png
new file mode 100644
index 000000000..8a81c6f0a
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/edge.png
new file mode 100644
index 000000000..d831febd2
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/firefox.png
new file mode 100644
index 000000000..e6c249c67
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/ie11.png
new file mode 100644
index 000000000..c106372ba
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/chrome.png
new file mode 100644
index 000000000..1b8620328
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/edge.png
new file mode 100644
index 000000000..96fdb4a1a
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/firefox.png
new file mode 100644
index 000000000..d5ddd5f2e
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/ie11.png
new file mode 100644
index 000000000..ceb079dbd
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__link/~blurred/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/chrome.png
new file mode 100644
index 000000000..46e96b6ca
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/edge.png
new file mode 100644
index 000000000..264c82f91
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/firefox.png
new file mode 100644
index 000000000..a86019d04
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/ie11.png
new file mode 100644
index 000000000..82e043f80
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@screen/ie11.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/chrome.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/chrome.png
new file mode 100644
index 000000000..b5e112df8
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/chrome.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/edge.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/edge.png
new file mode 100644
index 000000000..bee01df6d
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/edge.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/firefox.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/firefox.png
new file mode 100644
index 000000000..f1de87810
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/firefox.png differ
diff --git a/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/ie11.png b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/ie11.png
new file mode 100644
index 000000000..748669e6a
Binary files /dev/null and b/tests/visual/baseline/ci/md-nav--secondary/md-nav__title/@tablet-landscape/ie11.png differ
diff --git a/tests/visual/suites/extensions/admonition/docs/index.md b/tests/visual/suites/extensions/admonition/docs/index.md
index 270ab8032..12a953654 100644
--- a/tests/visual/suites/extensions/admonition/docs/index.md
+++ b/tests/visual/suites/extensions/admonition/docs/index.md
@@ -1,11 +1,15 @@
+# Suite
+
+For this test, the header is set to `display: none`, as Gemini aligns the
+elements to be captured with the top of the page, thus getting blocked by the
+fixed positioned header.
+
-# Suite
-
## Default
!!! note
diff --git a/tests/visual/suites/extensions/admonition/mkdocs.yml b/tests/visual/suites/extensions/admonition/mkdocs.yml
index 89717c9b3..ac0213157 100644
--- a/tests/visual/suites/extensions/admonition/mkdocs.yml
+++ b/tests/visual/suites/extensions/admonition/mkdocs.yml
@@ -19,7 +19,11 @@
# IN THE SOFTWARE.
# Test suite
-site_name: Test/Admonition
+site_name: Test
+pages:
+ - Lorem ipsum dolor sit amet: index.md
+
+# Extensions
markdown_extensions:
- markdown.extensions.admonition
diff --git a/tests/visual/suites/layout/nav/_overflow/docs/_.md b/tests/visual/suites/layout/nav/_overflow/docs/_.md
new file mode 100644
index 000000000..20b8c4bc8
--- /dev/null
+++ b/tests/visual/suites/layout/nav/_overflow/docs/_.md
@@ -0,0 +1,12 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+
diff --git a/tests/visual/suites/layout/nav/_overflow/docs/index.md b/tests/visual/suites/layout/nav/_overflow/docs/index.md
index 5d6242378..20b8c4bc8 100644
--- a/tests/visual/suites/layout/nav/_overflow/docs/index.md
+++ b/tests/visual/suites/layout/nav/_overflow/docs/index.md
@@ -1,3 +1,8 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
-
-# Suite
diff --git a/tests/visual/suites/layout/nav/_overflow/docs/nested.md b/tests/visual/suites/layout/nav/_overflow/docs/nested.md
index 5d6242378..20b8c4bc8 100644
--- a/tests/visual/suites/layout/nav/_overflow/docs/nested.md
+++ b/tests/visual/suites/layout/nav/_overflow/docs/nested.md
@@ -1,3 +1,8 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
-
-# Suite
diff --git a/tests/visual/suites/layout/nav/_overflow/mkdocs.yml b/tests/visual/suites/layout/nav/_overflow/mkdocs.yml
index 120011bd4..6e8ae7915 100644
--- a/tests/visual/suites/layout/nav/_overflow/mkdocs.yml
+++ b/tests/visual/suites/layout/nav/_overflow/mkdocs.yml
@@ -24,8 +24,8 @@ pages:
- Pneumonoultramicroscopicsilicovolcanoconiosis: index.md
- Supercalifragilisticexpialidocious:
- Pseudopseudohypoparathyroidism: nested.md
- - Floccinaucinihilipilification: nested.md
- - Antidisestablishmentarianism: nested.md
+ - Floccinaucinihilipilification: _.md
+ - Antidisestablishmentarianism: _.md
# Reset webfonts because of flaky tests
extra:
diff --git a/tests/visual/suites/layout/nav/docs/_.md b/tests/visual/suites/layout/nav/docs/_.md
new file mode 100644
index 000000000..20b8c4bc8
--- /dev/null
+++ b/tests/visual/suites/layout/nav/docs/_.md
@@ -0,0 +1,12 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+
diff --git a/tests/visual/suites/layout/nav/docs/default.md b/tests/visual/suites/layout/nav/docs/default.md
deleted file mode 100644
index 5d6242378..000000000
--- a/tests/visual/suites/layout/nav/docs/default.md
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-# Suite
diff --git a/tests/visual/suites/layout/nav/docs/index.md b/tests/visual/suites/layout/nav/docs/index.md
index 54f82ce06..24260448e 100644
--- a/tests/visual/suites/layout/nav/docs/index.md
+++ b/tests/visual/suites/layout/nav/docs/index.md
@@ -1,17 +1,21 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+Furthermore, the table of contents is hidden for all tests layed out on this
+page, as it is sometimes shown within the drawer though it isn't activated.
+This seems to be a caching-related issue.
+
-# Suite
-
## Default
diff --git a/tests/visual/suites/layout/nav/docs/nested.md b/tests/visual/suites/layout/nav/docs/nested.md
index 5d6242378..20b8c4bc8 100644
--- a/tests/visual/suites/layout/nav/docs/nested.md
+++ b/tests/visual/suites/layout/nav/docs/nested.md
@@ -1,3 +1,8 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
-
-# Suite
diff --git a/tests/visual/suites/layout/nav/docs/secondary.md b/tests/visual/suites/layout/nav/docs/secondary.md
new file mode 100644
index 000000000..6e35136bf
--- /dev/null
+++ b/tests/visual/suites/layout/nav/docs/secondary.md
@@ -0,0 +1,79 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+
+
+## Lorem ipsum dolor sit amet
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum
+lacinia urna id vestibulum. Maecenas tincidunt nulla dui, a dapibus turpis
+iaculis at. Donec tortor sem, scelerisque ut congue id, pretium ac risus.
+Vivamus ac quam semper, elementum neque nec, dictum sem. Nullam porttitor in
+ipsum quis sagittis. Cras viverra egestas purus ullamcorper eleifend. Nunc id
+facilisis magna, id sagittis metus. Suspendisse egestas, ipsum sed consectetur
+pretium, mauris tortor eleifend sem, vel cursus diam augue at diam. Nullam
+accumsan id sapien feugiat ultrices. Cras tempor nulla a maximus dignissim.
+Aliquam sed orci et elit tempor bibendum ac non neque. Aliquam erat volutpat.
+Duis eu ligula ullamcorper, tristique libero in, eleifend turpis. Cras
+fermentum iaculis ipsum, vitae viverra enim posuere vel. Phasellus non
+fermentum arcu. Donec pulvinar erat non tellus rhoncus, bibendum interdum
+libero ornare.
+
+### Consectetur adipiscing elit
+
+Etiam vel commodo turpis. Proin imperdiet ante eu suscipit ullamcorper.
+Vivamus pharetra, mauris nec bibendum suscipit, dui velit vehicula purus,
+sit amet pretium ex felis quis tellus. Nunc urna purus, dignissim in justo
+quis, tempus sollicitudin odio. Morbi in commodo leo. Vestibulum fringilla
+arcu quis venenatis venenatis. Phasellus vitae est at magna aliquam hendrerit.
+Sed egestas, dui sit amet convallis porttitor, velit lectus molestie ipsum,
+non ullamcorper erat elit vitae purus. In pulvinar nisl sed nulla placerat,
+ac sollicitudin felis varius. Nunc orci quam, cursus ut fermentum eu,
+interdum id dolor. Etiam tincidunt est elit, at tempus ligula pretium quis.
+
+#### Etiam condimentum lacinia urna id vestibulum
+
+In vitae leo ullamcorper, lobortis nibh at, varius risus. Lorem ipsum dolor sit
+amet, consectetur adipiscing elit. Sed risus neque, mattis a urna in, gravida
+bibendum odio. Quisque enim nunc, auctor id justo a, viverra tempor dolor.
+Duis molestie sagittis justo, id euismod mauris volutpat et. Suspendisse sed
+leo vitae eros pulvinar scelerisque ut eu dolor. Nam at sapien dui. Integer
+mattis faucibus metus. Pellentesque habitant morbi tristique senectus et netus
+et malesuada fames ac turpis egestas. Mauris non sapien eleifend, eleifend
+lectus at, elementum metus. Maecenas in tortor ut dui venenatis venenatis
+sed id erat. Duis felis leo, eleifend a orci a, iaculis hendrerit arcu.
+Praesent eget tellus tellus. Mauris eleifend mauris vitae porta laoreet. Morbi
+venenatis, eros consectetur faucibus sodales, sapien purus interdum erat, quis
+ultricies lacus odio sit amet tellus. Sed tincidunt est vitae sapien tempor
+elementum.
+
+##### Maecenas tincidunt nulla dui, a dapibus turpis iaculis at
+
+Morbi ac eros ultrices, pulvinar ante ut, gravida risus. Integer id dolor
+rhoncus odio scelerisque vestibulum. Integer justo felis, finibus congue felis
+in, efficitur bibendum libero. Lorem ipsum dolor sit amet, consectetur
+adipiscing elit. Aenean dignissim enim ac justo cursus condimentum. Class
+aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
+himenaeos. Morbi euismod pulvinar lacus sit amet egestas. Praesent in ex
+molestie, scelerisque diam id, malesuada mauris. Vivamus at magna eu tellus
+cursus hendrerit eu nec felis. Suspendisse ut hendrerit ex. Nulla semper quam
+nec tincidunt vestibulum. Donec non nibh elit. Donec neque lacus, consequat
+vitae nibh et, faucibus mollis dolor.
+
+###### Donec tortor sem
+
+Nunc tempus lectus odio, sed laoreet elit suscipit et. Cras rutrum nibh eget
+tellus tempus, et sodales sapien varius. Nam quis mi sagittis lacus commodo
+cursus et viverra nibh. Vivamus ut egestas ante. Proin scelerisque tortor
+turpis, at facilisis tortor feugiat mollis. Suspendisse neque odio, efficitur
+quis ipsum a, tristique rutrum purus. Fusce ac tellus in magna eleifend
+aliquet. Aliquam lectus libero, varius id nibh a, gravida fermentum est.
+Aliquam erat volutpat.
diff --git a/tests/visual/suites/layout/nav/mkdocs.yml b/tests/visual/suites/layout/nav/mkdocs.yml
index 0d4603555..c6b4859d8 100644
--- a/tests/visual/suites/layout/nav/mkdocs.yml
+++ b/tests/visual/suites/layout/nav/mkdocs.yml
@@ -19,16 +19,16 @@
# IN THE SOFTWARE.
# Test suite
-site_name: Test/Navigation
+site_name: Test
pages:
- Lorem ipsum dolor sit amet: index.md
- - Consectetur adipiscing elit: default.md
- - Etiam condimentum lacinia urna id vestibulum: default.md
+ - Consectetur adipiscing elit: _.md
+ - Etiam condimentum lacinia urna id vestibulum: _.md
- A dapibus turpis iaculis at:
- Donec tortor sem: nested.md
- - Scelerisque ut congue id: nested.md
- - Pretium ac risus: nested.md
- - Maecenas tincidunt nulla dui: default.md
+ - Scelerisque ut congue id: secondary.md
+ - Pretium ac risus: _.md
+ - Maecenas tincidunt nulla dui: _.md
# Reset webfonts because of flaky tests
extra:
diff --git a/tests/visual/suites/layout/nav/suite.js b/tests/visual/suites/layout/nav/suite.js
index 94503b30a..63c6b2419 100644
--- a/tests/visual/suites/layout/nav/suite.js
+++ b/tests/visual/suites/layout/nav/suite.js
@@ -34,12 +34,21 @@ const open = () => {
drawer.checked = true
}
+/**
+ * Blur the first anchor link
+ */
+const blur = () => {
+ const anchor = document.querySelector(
+ ".md-sidebar--secondary .md-nav--secondary .md-nav__link")
+ anchor.dataset.mdState = "blur"
+}
+
/* ----------------------------------------------------------------------------
* Tests
* ------------------------------------------------------------------------- */
/*
- * Main navigation
+ * Main navigation and table of contents
*/
spec.register(__dirname, {
"md-nav--primary": {
@@ -110,7 +119,7 @@ spec.register(__dirname, {
]
},
- /* Second-level navigation */
+ /* 2nd+ level navigation */
"md-nav": {
"url": "/nested",
"capture": ".md-nav--primary .md-nav",
@@ -181,6 +190,63 @@ spec.register(__dirname, {
]
}
}
+ },
+
+ /* Table of contents */
+ "md-nav--secondary": {
+ "url": "/secondary",
+ "capture": ".md-nav--primary .md-nav--secondary",
+ "break": "@tablet-portrait",
+ "states": [
+ { "name": "", "exec": open }
+ ]
+ }
+ }
+ },
+
+ /* Table of contents */
+ "md-nav--secondary": {
+ "url": "/secondary",
+ "capture": ".md-sidebar--secondary .md-nav--secondary",
+ "break": "+@tablet-landscape",
+ "suite": {
+
+ /* List title */
+ "md-nav__title": {
+ "capture": ".md-sidebar--secondary .md-nav--secondary .md-nav__title",
+ "break": "+@tablet-landscape"
+ },
+
+ /* List item */
+ "md-nav__item": {
+ "capture": ".md-sidebar--secondary .md-nav--secondary .md-nav__item",
+ "break": "+@tablet-landscape"
+ },
+
+ /* Link inside item */
+ "md-nav__link": {
+ "capture": ".md-sidebar--secondary .md-nav--secondary .md-nav__link",
+ "break": "+@tablet-landscape",
+ "states": [
+ { "name": "" },
+ { "name": ":focus" },
+ { "name": ":hover" }
+ ],
+ "suite": {
+
+ /* Blurred link */
+ "~blurred": {
+ "capture":
+ ".md-sidebar--secondary .md-nav--secondary " +
+ ".md-nav__link",
+ "break": "+@tablet-landscape",
+ "states": [
+ { "name": "", "exec": blur },
+ { "name": ":focus", "exec": blur },
+ { "name": ":hover", "exec": blur }
+ ]
+ }
+ }
}
}
}