Changeset 23759

Timestamp:

03/19/2013 10:35:38 PM (7 years ago)

Author:

lancewillett

Message:

Twenty Thirteen: provide max-width override for gallery thumbnails to collapse to two columns in small screens. Props kwight, fixes #23762.

File:

• trunk/wp-content/themes/twentythirteen/style.css (modified) (4 diffs)

trunk/wp-content/themes/twentythirteen/style.css

@@ -3073 +3073 @@
         display: none;
     }
-
-    .single .gallery-columns-3 br {
-        display: none;
-    }
-
-    .single .gallery-columns-3 .gallery-item:nth-of-type(3n) {
-        margin-right: 4px;
-    }
 }
 
@@ -3096 +3088 @@
         margin-bottom: 2%;
         margin-right: 2%;
+        max-width: none;
         width: 49%;
     }
@@ -3116 +3109 @@
     }
 
-    .gallery-columns-3 .gallery-item,
-    .single .gallery-columns-3.gallery-size-thumbnail .gallery-item {
-        width: 32%;
-    }
-
-    .single .gallery.gallery-columns-3 .gallery-item:nth-of-type(even),
+    .gallery-columns-3 .gallery-item:nth-of-type(3n),
     .gallery-columns-5 .gallery-item:nth-of-type(5n),
     .gallery-columns-7 .gallery-item:nth-of-type(7n),
@@ -3135 +3123 @@
     .archive .format-gallery .gallery-item:nth-of-type(odd),
     .search .format-gallery .gallery-item:nth-of-type(odd),
-    .single .gallery .gallery-item:nth-of-type(even),
-    .single .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n) {
+    .single .gallery .gallery-item:nth-of-type(even) {
         margin-right: 0;
     }