Changeset 26689

Timestamp:

12/05/2013 09:02:11 PM (11 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: remove unneeded !important declarations, and comment the ones we absolutely need to keep around. Fixes #26444.

Location:

trunk/src/wp-content/themes/twentyfourteen

Files:

• css/ie.css (modified) (2 diffs)
• functions.php (modified) (1 diff)
• inc/custom-header.php (modified) (1 diff)
• style.css (modified) (3 diffs)

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

@@ -887 +887 @@
 
 .ie7 .screen-reader-text {
-    clip: rect(1px 1px 1px 1px); /* IE7 */
+    clip: rect(1px 1px 1px 1px);
 }
 
@@ -905 +905 @@
 .ie7 .search-toggle .screen-reader-text {
     color: #fff;
-    position: relative !important;
+    position: relative; /* Override inherited `absolute` value set in style.css. */
 }
 

trunk/src/wp-content/themes/twentyfourteen/functions.php

@@ -240 +240 @@
 
     // Load the Internet Explorer specific stylesheet.
-    wp_enqueue_style( 'twentyfourteen-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentyfourteen-style', 'genericons' ), '20131110' );
+    wp_enqueue_style( 'twentyfourteen-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentyfourteen-style', 'genericons' ), '20131205' );
     wp_style_add_data( 'twentyfourteen-ie', 'conditional', 'lt IE 9' );
 

trunk/src/wp-content/themes/twentyfourteen/inc/custom-header.php

@@ -71 +71 @@
         .site-title,
         .site-description {
-            position: absolute;
             clip: rect(1px 1px 1px 1px); /* IE7 */
             clip: rect(1px, 1px, 1px, 1px);
+            position: absolute;
         }
     <?php

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

@@ -707 +707 @@
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
-    position: absolute !important;
+    position: absolute;
 }
 
@@ -714 +714 @@
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-    clip: auto !important;
+    clip: auto;
     color: #21759b;
     display: block;
@@ -4035 +4035 @@
 @media print {
     body {
-        background: none !important;
+        background: none !important; /* Brute force since user agents all print differently. */
         color: #2b2b2b;
         font-size: 12pt;