Changeset 49728 for branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss

Timestamp:

12/01/2020 07:25:43 PM (4 years ago)

Author:

desrosj

Message:

Twenty Twenty-One: Sync the latest changes for 5.6 RC2.

This will be the final sync from GitHub before placing that repository into read-only mode. All further changes should now flow entirely through Trac.

For a full list of changes since [49633], see ​https://github.com/WordPress/twentytwentyone/compare/1d5a895...53acd9b.

Props poena, luminuu, kjellr, ryelle, allancole, melchoyce, felipeelia, aljullu, kebbet, chaton666, Clorith, mkaz, ingereck, paaljoachim.
Reviewed by desrosj, SergeyBiryukov.
Merges [49726] to the 5.6 branch.
Fixes #51526.

Location:

branches/5.6

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss (modified) (5 diffs)

branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/06-components/pagination.scss

@@ -12 +12 @@
             color: var(--global--color-primary-hover);
             text-decoration: underline;
+            text-decoration-style: dotted;
         }
 
@@ -124 +125 @@
             margin-bottom: 0;
         }
-
-        &:hover {
-
-            .post-title {
-                text-decoration: underline;
-                text-decoration-thickness: 1px;
-            }
-        }
-    }
-
+    }
 }
 
@@ -158 +150 @@
         }
 
+        .is-dark-theme & {
+
+            a:active,
+            a:hover:active,
+            a:hover:focus {
+                color: var(--global--color-background);
+            }
+        }
+
+        .has-background-white & {
+
+            a:active,
+            a:hover:active,
+            a:hover:focus {
+                color: var(--global--color-white);
+            }
+        }
     }
 
@@ -170 +179 @@
 
         &.current {
-            border-bottom: 1px solid var(--pagination--color-text);
+            text-decoration: underline;
+        }
+
+        &:not(.dots):not(.current):hover {
+            text-decoration-style: dotted;
         }
 
@@ -228 +241 @@
         font-size: var(--global--font-size-md);
     }
-
-}
+}