Making WordPress.org


Ignore:
Timestamp:
05/26/2016 08:44:49 PM (8 years ago)
Author:
obenland
Message:

Plugin Directory: Responsive styles hardening.

  • Switches to using em in media queries for browser compatibility.
  • Adds padding .site-main to line up with global header.
  • Simplifies some margin/padding setups on small screens.

See #1719.

File:
1 edited

Legend:

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

    r3258 r3261  
    66    padding: ms(10) ms(4);
    77
    8     @media ( min-width: 67rem ) {
    9         padding: ms(10) 0;
    10 
    11         .page & {
    12             padding: 0 0 ms(10) 0;
    13         }
     8    @media screen and ( min-width: 48em ) {
     9        padding: ms(10) 10px;
    1410    }
    1511
    1612    .single & {
    17         padding: 0 0 ms(4);
     13        padding-top: ms(4);
     14    }
    1815
    19         @media ( min-width: 67rem ) {
    20             padding: ms(4) 0;
    21         }
     16    .page & {
     17        padding-top: 0;
    2218    }
    2319
Note: See TracChangeset for help on using the changeset viewer.