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-single.scss

    r3252 r3254  
    55
    66    .plugin-banner {
    7         background-size: cover;
    8         height: 310px;
     7        background-size: 100%;
     8        background-position: 50% 50%;
     9        display: inline-block;
     10        font-size: 0;
     11        line-height: 0;
    912        margin: 0 auto ms(1);
    10         max-width: $size__site-main;
     13        padding-top: 32.7%;
     14        vertical-align: middle;
    1115        width: 100%;
    1216    }
     
    2327        .plugin-thumbnail {
    2428            float: left;
     29            display: none;
    2530            height: 96px;
    2631            margin-right: 1rem;
    2732            width: 96px;
     33
     34            @media ( min-width: 26rem ) {
     35                display: block;
     36            }
    2837
    2938            .plugin-icon {
     
    3241                width: 96px !important;
    3342            }
     43
    3444        }
    3545
     
    5060
    5161    .entry-content {
    52         float: left;
    53         width: 65%;
     62        max-width: 800px;
     63        max-width: 50rem;
     64        padding: 0 ms(4);
     65
     66        @media ( min-width: 67rem ) {
     67            float: left;
     68            padding: 0;
     69            width: 65%;
     70        }
    5471
    5572        .read-more {
     
    109126
    110127    .entry-meta {
    111         float: right;
    112         width: 30%;
     128        padding: 0 ms(4);
     129
     130        @media ( min-width: 67rem ) {
     131            float: right;
     132            padding: 0;
     133            width: 30%;
     134        }
    113135    }
    114136}
Note: See TracChangeset for help on using the changeset viewer.