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/_header.scss

    r3259 r3261  
    7171        margin: 0 auto;
    7272        max-width: $size__site-main;
    73         padding: 0 2rem;
     73        padding: 0 ms(4);
    7474
    75         @media ( min-width: 67rem ) {
    76             padding: 0;
     75        @media screen and ( min-width: $ms-breakpoint ) {
     76            padding: 0 10px;
    7777        }
    7878    }
     
    134134        }
    135135
    136         @media ( min-width: 67rem ) {
     136        @media screen and ( min-width: $ms-breakpoint ) {
    137137            .search-field {
    138138                border-radius: 2px 0 0 2px;
Note: See TracChangeset for help on using the changeset viewer.