Make WordPress Core

Ticket #28237: 28237.3.diff

File 28237.3.diff, 1.9 KB (added by celloexpressions, 10 years ago)

Replace approximating percentages with pixel-perfect calc() rules.

  • wp-content/themes/twentyfourteen/css/ie.css

     
    2929        border: 1px solid #b2b2b2;
    3030}
    3131
     32.site-title {
     33        max-width: 95%;
     34}
     35
    3236.site-content blockquote.alignleft,
    3337.site-content blockquote.alignright {
    3438        border-top: 1px solid #e5e5e5;
  • wp-content/themes/twentyfourteen/style.css

     
    863863        font-weight: 700;
    864864        line-height: 48px;
    865865        margin: 0;
     866        max-width: -webkit-calc(100% - 86px);
     867        max-width:         calc(100% - 86px);
    866868        overflow: hidden;
    867869        text-overflow: ellipsis;
    868870        white-space: nowrap;
     
    30823084}
    30833085
    30843086@media screen and (max-width: 400px) {
    3085         .site-title {
    3086                 max-width: 71%;
    3087         }
    3088 
    30893087        .list-view .site-content .post-thumbnail {
    30903088                background: none;
    30913089                width: auto;
     
    31603158}
    31613159
    31623160@media screen and (min-width: 401px) {
    3163         .site-title {
    3164                 max-width: 77%;
    3165         }
    3166 
    31673161        a.post-thumbnail:hover img {
    31683162                opacity: 0.85;
    31693163        }
     
    32923286}
    32933287
    32943288@media screen and (min-width: 594px) {
    3295         .site-title {
    3296                 max-width: 85%;
    3297         }
    3298 
    32993289        .site-content .entry-header {
    33003290                padding-right: 30px;
    33013291                padding-left: 30px;
     
    33123302        }
    33133303
    33143304        .site-title {
    3315                 max-width: 89%;
     3305                max-width: -webkit-calc(100% - 66px);
     3306                max-width:         calc(100% - 66px);
    33163307        }
    33173308
    33183309        .search-toggle {
     
    34513442        }
    34523443
    34533444        .site-title {
    3454                 max-width: 93%;
     3445                max-width: -webkit-calc(100% - 48px);
     3446                max-width:         calc(100% - 48px);
    34553447        }
    34563448
    34573449        .search-toggle {
     
    37013693}
    37023694
    37033695@media screen and (min-width: 1008px) {
    3704         .site-title {
    3705                 max-width: 95%;
    3706         }
    3707 
    37083696        .search-box-wrapper {
    37093697                padding-left: 182px;
    37103698        }