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

    r3260 r3261  
    2323        @extend .clear;
    2424        border-bottom: 2px solid #eee;
    25         padding: ms(4) ms(4) ms(1);
    26 
    27         @media ( min-width: 67rem ) {
    28             padding: 0 0 ms(1) 0;
    29         }
     25        padding-bottom: ms(1);
    3026
    3127        .plugin-thumbnail {
     
    3632            width: 96px;
    3733
    38             @media ( min-width: 26rem ) {
     34            @media screen and ( min-width: 26em ) {
    3935                display: block;
    4036            }
     
    6460
    6561    .entry-content {
    66         max-width: 800px;
    67         max-width: 50rem;
    68         padding: 0 ms(4);
     62        max-width: 768px;
     63        max-width: 48rem;
    6964
    70         @media ( min-width: 67rem ) {
     65        @media screen and ( min-width: $ms-breakpoint ) {
    7166            float: left;
    7267            padding: 0;
     
    132127        padding: 0 ms(4);
    133128
    134         @media ( min-width: 67rem ) {
     129        @media screen and ( min-width: $ms-breakpoint ) {
    135130            float: right;
    136131            padding: 0;
Note: See TracChangeset for help on using the changeset viewer.