Changeset 26662

Timestamp:

12/05/2013 06:14:27 AM (11 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: rework "current menu" submenu icons to use Genericons for simplicity and to inherit colors better. Props celloexpressions, fixes #26424.

File:

• trunk/src/wp-content/themes/twentyfourteen/style.css (modified) (3 diffs)

trunk/src/wp-content/themes/twentyfourteen/style.css

@@ -3432 +3432 @@
     .primary-navigation .menu-item-has-children > a:after,
     .primary-navigation .page_item_has_children > a:after {
-        border: 4px solid transparent;
-        border-top-color: #fff;
-        content: "";
-        margin-top: -2px;
+        -webkit-font-smoothing: antialiased;
+        content: "\f502";
+        display: inline-block;
+        font: normal 8px/1 Genericons;
         position: absolute;
-        top: 50%;
         right: 12px;
+        top: 22px;
+        vertical-align: text-bottom;
     }
 
@@ -3447 +3448 @@
     }
 
-    .primary-navigation .menu-item-has-children li > a:after,
-    .primary-navigation .page_item_has_children li > a:after {
-        border-top-color: transparent;
-        border-left-color: #fff;
-        margin-top: -4px;
+    .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
+    .primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
+    .primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
+    .primary-navigation .page_item_has_children li.page_item_has_children > a:after {
+        content: "\f501";
         right: 8px;
+        top: 20px;
     }
 }
@@ -3663 +3665 @@
 
     .secondary-navigation .menu-item-has-children > a:after {
-        border: 4px solid transparent;
-        border-left-color: #fff;
-        content: "";
-        margin-top: -4px;
+        -webkit-font-smoothing: antialiased;
+        content: "\f501";
+        display: inline-block;
+        font: normal 8px/1 Genericons;
         position: absolute;
-        top: 50%;
         right: 26px;
+        top: 14px;
+        vertical-align: text-bottom;
     }