Make WordPress Core

Ticket #31250: 31250.patch

File 31250.patch, 1.6 KB (added by lukecarbis, 12 years ago)

Add media queries in the editor stylesheet, to better display lists and blockquotes.

  • wp-content/themes/twentyfifteen/css/editor-style.css

     
    1515 * 6.0 - Galleries
    1616 * 7.0 - Audio / Video
    1717 * 8.0 - RTL
    18  */
     18 * 9.0 - Media Queries
     19 *    9.1 - Mobile Large
     20\ */
    1921
    2022
    2123/**
    … …  
    108110        font-size: 20px;
    109111        font-style: italic;
    110112        line-height: 1.8182;
    111         margin: 0 0 35px -21px;
     113        margin: 0 0 35px 0;
    112114        padding-left: 17px;
    113115}
    114116
    … …  
    221223
    222224ul,
    223225ol {
    224         margin: 0 0 28px 0;
     226        margin: 0 0 28px 23px;
    225227        padding: 0;
    226228}
    227229
    … …  
    460462.rtl blockquote {
    461463        border-left: none;
    462464        border-right: 4px solid #707070;
    463         margin: 0 -21px 35px 0;
    464465        padding-left: 0;
    465466        padding-right: 17px;
    466467}
    … …  
    470471        margin-right: 0;
    471472}
    472473
     474.rtl ul,
     475.rtl ol {
     476        margin: 0 23px 28px 0;
     477}
     478
    473479.rtl li > ul,
    474480.rtl li > ol {
    475481        margin: 0 23px 0 0;
    … …  
    478484.rtl table th,
    479485.rtl table caption {
    480486        text-align: right;
    481 }
     487}
     488
     489/**
     490 * 9.0 Media Queries
     491 */
     492
     493/**
     494 * 9.1 Mobile Large 620px
     495 */
     496
     497@media screen and (min-width: 620px) {
     498        ul,
     499        ol {
     500                margin-left: 0;
     501        }
     502
     503        li > ul,
     504        li > ol,
     505        blockquote > ul,
     506        blockquote > ol {
     507                margin-left: 23px;
     508        }
     509
     510        blockquote {
     511                margin-left: -17px;
     512        }
     513
     514        blockquote > blockquote {
     515                margin-left: 0;
     516        }
     517
     518        .rtl ul,
     519        .rtl ol {
     520                margin-right: 0;
     521        }
     522
     523        .rtl li > ul,
     524        .rtl li > ol,
     525        .rtl blockquote > ul,
     526        .rtl blockquote > ol {
     527                margin-right: 17px;
     528        }
     529
     530        .rtl blockquote > blockquote {
     531                margin-right: 0;
     532        }
     533}
     534 No newline at end of file