Making WordPress.org


Ignore:
Timestamp:
05/25/2016 10:20:09 PM (6 years ago)
Author:
obenland
Message:

Plugin Directory: Clean up responsive styles and use a more mobile-first approach.

See #1719.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-index.scss

    r3193 r3254  
    22.search .type-plugin,
    33.archive .type-plugin {
    4     display: inline-block;
    5     margin-right: 4%;
    64    margin-bottom: 4%;
    7     width: 48%;
    85
    9     &:nth-of-type( even ) {
    10         margin-right: 0;
     6    @media ( min-width: 67rem ) {
     7        display: inline-block;
     8        margin-right: 4%;
     9        width: 48%;
     10
     11        &:nth-of-type( even ) {
     12            margin-right: 0;
     13        }
    1114    }
    1215
    1316    .entry-thumbnail {
    14         margin: 0 4% 0 0;
    15         display: inline-block;
     17        display: none;
    1618        max-width: 128px;
    17         vertical-align: top;
    1819    }
    1920
     
    2223        margin: auto;
    2324        vertical-align: top;
    24         width: 66%;
     25    }
     26
     27    @media ( min-width: 21rem ) {
     28        .entry-thumbnail {
     29            display: inline-block;
     30            margin: 0 4% 0 0;
     31            vertical-align: top;
     32        }
     33
     34        .entry {
     35             width: calc(96% - 128px);
     36         }
    2537    }
    2638
Note: See TracChangeset for help on using the changeset viewer.