Changeset 44149 for trunk/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.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/site/footer/_site-footer.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss

@@ -1 +1 @@
 /* Site footer */
 
-.site-footer {
+#colophon {
 
-    color: $color__text-light;
-
+    .widget-area,
     .site-info {
-
         margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
 
         @include media(tablet) {
-            margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
-            max-width: calc(8 * (100vw / 12));
+            margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
+        }
+    }
+
+    .widget-column {
+        display: flex;
+        flex-wrap: wrap;
+        .widget {
+            width: 100%;
+            @include media(desktop) {
+                margin-right: calc(3 * #{$size__spacing-unit});
+                width: calc(50% - (3 * #{$size__spacing-unit}));
+            }
+        }
+    }
+
+    .site-info {
+        color: $color__text-light;
+
+        a {
+            color: inherit;
+
+            &:hover {
+                text-decoration: none;
+                color: $color__link;
+            }
         }
 
-        .imprint {
+        .imprint,
+        .privacy-policy-link {
             margin-right: $size__spacing-unit;
         }
     }
-
-    a {
-        color: inherit;
-
-        &:hover {
-            text-decoration: none;
-            color: $color__link;
-        }
-    }
 }