WordPress.org

Making WordPress.org

Changeset 2368


Ignore:
Timestamp:
01/26/2016 03:45:55 PM (5 years ago)
Author:
ocean90
Message:

wp4.css: Improve responsiveness of WordPress.org footer.

Fixes #235.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/style/wp4.css

    r2194 r2368  
    13211321    width: 135px;
    13221322    margin-left: 24px;
    1323     margin-bottom: 15px; /* for narrow screens */
     1323    margin-bottom: 20px; /* for narrow screens */
    13241324    padding-left: 0; /* override other generic styles */
    13251325}
     
    13281328    #wporg-footer ul:first-child {
    13291329        margin-left: 0;
     1330    }
     1331}
     1332
     1333@media screen and (min-width:561px) and (max-width:959px) {
     1334    #wporg-footer .wrapper {
     1335        max-width: 600px;
     1336    }
     1337
     1338    #wporg-footer ul:nth-child(3n+1) {
     1339        margin-left: 0;
     1340    }
     1341
     1342    #wporg-footer ul:nth-child(4n) {
     1343        clear: both;
     1344    }
     1345
     1346    #wporg-footer ul {
     1347        margin-left: 2%;
     1348        width: 32%;
     1349    }
     1350}
     1351
     1352@media screen and (max-width:560px) {
     1353    #wporg-footer .wrapper {
     1354        max-width: 360px;
     1355    }
     1356
     1357    #wporg-footer ul:nth-child(2n+1) {
     1358        margin-left: 0;
     1359    }
     1360
     1361    #wporg-footer ul:nth-child(odd) {
     1362        clear: both;
     1363    }
     1364
     1365    #wporg-footer ul {
     1366        margin-left: 4%;
     1367        width: 48%;
    13301368    }
    13311369}
Note: See TracChangeset for help on using the changeset viewer.