Ticket #38394: 38394.3.diff

src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css

@@ -51 +51 @@
 .colors-dark .entry-footer .tags-links a:hover,
 .colors-dark .post-navigation a:focus,
 .colors-dark .post-navigation a:hover,
+.colors-dark .pagination a:not(.prev):not(.next):focus,
+.colors-dark .pagination a:not(.prev):not(.next):hover,
+.colors-dark .comments-pagination a:not(.prev):not(.next):focus,
+.colors-dark .comments-pagination a:not(.prev):not(.next):hover,
 .colors-dark .logged-in-as a:focus,
 .colors-dark .logged-in-as a:hover,
 .colors-dark a:focus .nav-title,
@@ -102 +106 @@
 .colors-dark .entry-footer .tags-links a:hover,
 .colors-dark .post-navigation a:focus,
 .colors-dark .post-navigation a:hover,
-.colors-dark .pagination a:focus,
-.colors-dark .pagination a:hover,
-.colors-dark .comments-pagination a:focus,
-.colors-dark .comments-pagination a:hover,
+.colors-dark .pagination a:not(.prev):not(.next):focus,
+.colors-dark .pagination a:not(.prev):not(.next):hover,
+.colors-dark .comments-pagination a:not(.prev):not(.next):focus,
+.colors-dark .comments-pagination a:not(.prev):not(.next):hover,
 .colors-dark .logged-in-as a:focus,
 .colors-dark .logged-in-as a:hover,
 .colors-dark a:focus .nav-title,
@@ -459 +463 @@
 .colors-dark .comment-reply-link,
 .colors-dark a .nav-title,
 .colors-dark .pagination a,
+.colors-dark .comments-pagination a,
 .colors-dark .widget .widget-title a,
 .colors-dark .widget ul li a,
 .colors-dark .site-footer .widget-area ul li a,
@@ -500 +505 @@
 .colors-dark .wp_widget_tag_cloud a:focus,
 .colors-dark .wp_widget_tag_cloud a:hover,
 .colors-dark .entry-footer .edit-link a.post-edit-link:focus,
-.colors-dark .entry-footer .edit-link a.post-edit-link:hover,
-.colors-dark .prev.page-numbers:focus,
-.colors-dark .prev.page-numbers:hover,
-.colors-dark .next.page-numbers:focus,
-.colors-dark .next.page-numbers:hover {
+.colors-dark .entry-footer .edit-link a.post-edit-link:hover {
         -webkit-box-shadow: none;
         box-shadow: none;
 }

src/wp-content/themes/twentyseventeen/inc/color-patterns.php

@@ -70 +70 @@
 .colors-custom .entry-footer .tags-links a:hover,
 .colors-custom .post-navigation a:focus,
 .colors-custom .post-navigation a:hover,
+.colors-custom .pagination a:not(.prev):not(.next):focus,
+.colors-custom .pagination a:not(.prev):not(.next):hover,
+.colors-custom .comments-pagination a:not(.prev):not(.next):focus,
+.colors-custom .comments-pagination a:not(.prev):not(.next):hover,
 .colors-custom .logged-in-as a:focus,
 .colors-custom .logged-in-as a:hover,
 .colors-custom a:focus .nav-title,
@@ -180 +184 @@
 .colors-custom .entry-footer .tags-links a:hover,
 .colors-custom .post-navigation a:focus,
 .colors-custom .post-navigation a:hover,
-.colors-custom .pagination a:focus,
-.colors-custom .pagination a:hover,
-.colors-custom .comments-pagination a:focus,
-.colors-custom .comments-pagination a:hover,
+.colors-custom .pagination a:not(.prev):not(.next):focus,
+.colors-custom .pagination a:not(.prev):not(.next):hover,
+.colors-custom .comments-pagination a:not(.prev):not(.next):focus,
+.colors-custom .comments-pagination a:not(.prev):not(.next):hover,
 .colors-custom .logged-in-as a:focus,
 .colors-custom .logged-in-as a:hover,
 .colors-custom a:focus .nav-title,
@@ -476 +480 @@
 .colors-custom .wp_widget_tag_cloud a:focus,
 .colors-custom .wp_widget_tag_cloud a:hover,
 .colors-custom .entry-footer .edit-link a.post-edit-link:focus,
-.colors-custom .entry-footer .edit-link a.post-edit-link:hover,
-.colors-custom .prev.page-numbers:focus,
-.colors-custom .prev.page-numbers:hover,
-.colors-custom .next.page-numbers:focus,
-.colors-custom .next.page-numbers:hover {
+.colors-custom .entry-footer .edit-link a.post-edit-link:hover {
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
 }

src/wp-content/themes/twentyseventeen/style.css

@@ -1210 +1210 @@
 .comment-reply-link,
 a .nav-title,
 .pagination a,
+.comments-pagination a,
 .site-info a,
 .widget .widget-title a,
 .widget ul li a,
@@ -1256 +1257 @@
 .entry-footer .tags-links a:hover,
 .post-navigation a:focus,
 .post-navigation a:hover,
+.pagination a:not(.prev):not(.next):focus,
+.pagination a:not(.prev):not(.next):hover,
+.comments-pagination a:not(.prev):not(.next):focus,
+.comments-pagination a:not(.prev):not(.next):hover,
 .logged-in-as a:focus,
 .logged-in-as a:hover,
 a:focus .nav-title,
@@ -1359 +1364 @@
 
 .main-navigation > div > ul {
         border-top: 1px solid #eee;
-        padding: 0.75em 3.375em;
+        padding: 0.75em 1.695em;
 }
 
 .js .main-navigation.toggled-on > div > ul {
@@ -1528 +1533 @@
         margin-left: auto;
         margin-right: auto;
         max-width: 700px;
-        padding-left: 3em;
-        padding-right: 3em;
+        padding-left: 2em;
+        padding-right: 2em;
 }
 
 .wrap:after {
@@ -1871 +1876 @@
 }
 
 .page-numbers {
-        padding: 0.5em 1em;
+        display: none;
+        padding: 0.5em 0.75em;
 }
 
 .page-numbers.current {
         color: #767676;
+        display: inline-block;
 }
 
+.page-numbers.current .screen-reader-text {
+        clip: auto;
+        height: auto;
+        overflow: auto;
+        position: relative !important;
+        width: auto;
+}
+
 .prev.page-numbers,
 .next.page-numbers {
         background-color: #ddd;
         -webkit-border-radius: 2px;
         border-radius: 2px;
+        display: inline-block;
         font-size: 24px;
         font-size: 1.5rem;
         line-height: 1;
-        margin-top: -0.3em;
         padding: 0.25em 0.5em 0.4em;
 }
 
@@ -3199 +3214 @@
                 font-size: 0.875rem;
         }
 
+        .page-numbers.current {
+                font-size: 16px;
+                font-size: 1rem;
+        }
 
         /* Site Footer */
 
@@ -3254 +3273 @@
 
         .wrap {
                 max-width: 1000px;
+                padding-left: 3em;
+                padding-right: 3em;
         }
 
         .has-sidebar:not(.error404) #primary {
@@ -3972 +3993 @@
                 width: 32px;
         }
 
+        /* Pagination */
+
+        .page-numbers {
+                display: inline-block;
+        }
+
+        .page-numbers.current {
+                font-size: 15px;
+                font-size: 0.9375rem;
+        }
+
+        .page-numbers.current .screen-reader-text {
+                clip: rect(1px, 1px, 1px, 1px);
+                height: 1px;
+                overflow: hidden;
+                position: absolute !important;
+                width: 1px;
+        }
+
         /* Comments */
 
         .comment-body {