Changeset 44149 for trunk/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss

Timestamp:

12/14/2018 02:32:33 AM (6 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/media/_galleries.scss (modified) (3 diffs)

trunk/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss

@@ -1 +1 @@
 .gallery {
     display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
     margin-bottom: calc(1.5 * #{$size__spacing-unit});
 }
@@ -6 +8 @@
 .gallery-item {
     display: inline-block;
-    margin-right: $size__spacing-unit;
-    margin-bottom: $size__spacing-unit;
+    margin-right: 16px;
+    margin-bottom: 16px;
     text-align: center;
     vertical-align: top;
@@ -15 +17 @@
     @for $i from 2 through 9 {
         .gallery-columns-#{$i} & {
-            max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
+            max-width: calc((100% - 16px * #{ $i - 1 }) / #{ $i });
+
+            &:nth-of-type(#{$i}n+#{$i}) {
+                margin-right: 0;
+            }
         }
     }
 
     &:last-of-type {
-        margin-right: 0;
+        padding-right: 0;
     }
 }