Changeset 44149 for trunk/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss

Timestamp:

12/14/2018 02:32:33 AM (8 years ago)

Author:

pento

Message:

Default Themes: Import Twenty Nineteen from the 5.0 branch.

Merges [43808,43821,43842,43860,43892,43904,43909,43926-43929,43956,43961-43963] from the 5.0 branch to trunk.

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, jorbin, netweb, b-07, khleomix, audrasjb, nielslange, mmaumio, richsalvucci, littlebigthing, dimadin, joyously, anevins, peterwilsoncc, dannycooper, iCaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, grapplerulrich, ocean90, joshfeck, frankew, AbdulWahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, nao, mayukojpn, enodekciw, ketuchetan, atanasangelovdev, poena, sharaz, artisticasad, mukesh27, burhandodhy, crunnells, aprakasa, themeroots, imonly_ik, tlxo, youthkee, brentswisher, smyoon315, mrahmadawais, desideveloper, Kau-Boy, mor10, mikeyarce, dingo_bastard, xkon, twoabove.

Fixes #45424.

Location:

trunk

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentynineteen (copied) (copied from branches/5.0/src/wp-content/themes/twentynineteen )
• src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss (modified) (8 diffs)

trunk/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss

@@ -5 +5 @@
 
         margin: calc(3 * 1rem) 0;
+
+        @include media(tablet) {
+                margin: calc(3 * 1rem) $size__site-margins;
+                max-width: calc(6 * (100vw / 12));
+        }
+
+        @include media(desktop) {
+                margin: calc(3 * 1rem) 0;
+                max-width: 100%;
+        }
 
         .nav-links {
@@ -13 +23 @@
                 flex-direction: column;
 
+                @include media(tablet) {
+                        margin: 0;
+                }
+
                 @include media(desktop) {
                         flex-direction: row;
-                        margin: 0 calc(2 * (100vw / 12));
-                        max-width: calc(8 * (100vw / 12));
+                        margin: 0 $size__site-margins;
+                        max-width: $size__site-desktop-content;
                 }
 
@@ -74 +88 @@
                         @include media(desktop) {
                                 order: 2;
+                                padding-left: $size__spacing-unit;
                         }
 
@@ -109 +124 @@
                 }
 
+                a:focus {
+                        text-decoration: underline;
+                        outline-offset: -1px;
+
+                        &.prev,
+                        &.next {
+                                text-decoration: none;
+
+                                .nav-prev-text,
+                                .nav-next-text {
+                                        text-decoration: underline;
+                                }
+                        }
+                }
+
                 .nav-next-text,
                 .nav-prev-text {
@@ -116 +146 @@
                 @include media(tablet) {
 
-                        margin-left: calc(2 * (100vw / 12) );
+                        margin-left: $size__site-margins;
                         padding: 0;
 
@@ -139 +169 @@
 
         .nav-links {
-
                 display: flex;
                 flex-direction: row;
@@ -148 +177 @@
                 min-width: 50%;
                 width: 100%;
+                font-family: $font__heading;
+                font-weight: bold;
 
                 .secondary-text {
@@ -163 +194 @@
                         top: -1px;
                 }
-
-                a {
-
-                        &:hover {
-                                color: $color__link;
-                        }
-                }
         }