Changeset 43842 for branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss

Timestamp:

10/30/2018 02:13:07 AM (8 years ago)

Author:

allancole

Message:

Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.

Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: ​https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart.

File:

• branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss (modified) (5 diffs)

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

@@ -5 +5 @@
 
         margin: calc(3 * 1rem) 0;
+        
+        @include media(tablet) {
+                margin: calc(3 * 1rem) calc(2 * (100vw / 12));
+                max-width: calc(6 * (100vw / 12));
+        }
+        
+        @include media(desktop) {
+                margin: calc(3 * 1rem) 0;
+                max-width: 100%;
+        }
 
         .nav-links {
@@ -12 +22 @@
                 display: flex;
                 flex-direction: column;
+                
+                @include media(tablet) {
+                        margin: 0;
+                }
 
                 @include media(desktop) {
@@ -74 +88 @@
                         @include media(desktop) {
                                 order: 2;
+                                padding-left: $size__spacing-unit;
                         }
 
@@ -139 +154 @@
 
         .nav-links {
-
                 display: flex;
                 flex-direction: row;
+                margin: 0 $size__spacing-unit;
+
+                @include media(desktop) {
+                        margin: 0 calc(2 * (100vw / 12));
+                        max-width: calc(8 * (100vw / 12));
+                }
         }
 
@@ -148 +168 @@
                 min-width: 50%;
                 width: 100%;
+                font-family: $font__heading;
+                font-weight: bold;
 
                 .secondary-text {