Changeset 13048 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

Timestamp:

12/11/2023 09:44:25 PM (12 months ago)

Author:

coffee2code

Message:

Theme Directory: Improve appearance of menubar link.

Improves hover design and adds current page recognition and design. Not perfect, but good enough for the one link it needs to handle.

Props sabernhardt, coffee2code.
See #6552.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

@@ -1730 +1730 @@
 }
 
+.main-navigation .menu {
+    padding: 12px 0;
+}
+.main-navigation .menu li > a::after {
+    content: '';
+    display: block;
+    border-bottom: 1px solid transparent;
+    position: relative;
+}
+.main-navigation .menu li > a:hover {
+    color: #2ea2cc;
+}
+.main-navigation .menu li:hover > a::after,
+.main-navigation .menu li.current-menu-item a::after,
+.main-navigation .menu li.current-menu-item:hover a::after {
+    border-bottom-color: #2ea2cc;
+}
+.main-navigation .menu li.current-menu-item a::after {
+    border-bottom-color: #636363;
+}
+
 /* Responsive design for secondary header */
 @media (max-width: 740px) {