WordPress.org

Make WordPress Core

Ticket #29986: 29986.4.diff

File 29986.4.diff, 5.5 KB (added by iamtakashi, 6 years ago)

Change editor style with a medium body font size and 7px baseline grid.

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

     
    2626        color: #333;
    2727        font-family: "Noto Serif", serif;
    2828        font-weight: 400;
    29         font-size: 19px;
     29        font-size: 17px;
    3030        line-height: 1.6471;
    3131        max-width: 660px;
    32         margin: 83px 0 83px 83px;
     32        margin: 8% 10%;
    3333        vertical-align: baseline;
    3434}
    3535
     
    4646h6 {
    4747        clear: both;
    4848        font-weight: 700;
    49         margin: 64px 0 32px;
     49        margin: 56px 0 28px;
    5050}
    5151
    5252h1 {
    53         font-size: 39px;
     53        font-size: 35px;
    5454        line-height: 1.2308;
    5555}
    5656
    5757h2 {
    58         font-size: 32px;
    59         line-height: 1.25;
     58        font-size: 29px;
     59        line-height: 1.2069;
    6060}
    6161
    6262h3 {
    63         font-size: 27px;
    64         line-height: 1.1852;
     63        font-size: 24px;
     64        line-height: 1.1667;
    6565}
    6666
    6767h4 {
    68         font-size: 22px;
    69         line-height: 1.4545;
     68        font-size: 20px;
     69        line-height: 1.4;
    7070}
    7171
    7272h5,
    7373h6 {
    74         font-size: 19px;
     74        font-size: 17px;
    7575        letter-spacing: 0.1em;
    76         line-height: 1.2632;
     76        line-height: 1.2353;
    7777        text-transform: uppercase;
    7878}
    7979
     
    8787}
    8888
    8989p {
    90         margin: 0 0 32px;
     90        margin: 0 0 28px;
    9191}
    9292
    9393b,
     
    105105blockquote {
    106106        border-left: 4px solid #707070;
    107107        color: #707070;
    108         font-size: 22px;
     108        font-size: 20px;
    109109        font-style: italic;
    110110        line-height: 1.8182;
    111         margin: 0 0 40px -24px;
    112         padding-left: 20px;
     111        margin: 0 0 35px -21px;
     112        padding-left: 17px;
    113113}
    114114
    115115blockquote > blockquote {
     
    117117}
    118118
    119119blockquote p {
    120         margin-bottom: 40px;
     120        margin-bottom: 35px;
    121121}
    122122
    123123blockquote > p:last-child {
     
    127127blockquote cite,
    128128blockquote small {
    129129        color: #333;
    130         font-size: 19px;
     130        font-size: 17px;
    131131        font-family: "Noto Sans", sans-serif;
    132         line-height: 1.6842;
     132        line-height: 1.6471;
    133133}
    134134
    135135blockquote em,
     
    145145
    146146address {
    147147        font-style: italic;
    148         margin: 0 0 32px;
     148        margin: 0 0 28px;
    149149}
    150150
    151151code,
     
    160160pre {
    161161        background-color: #fcfcfc;
    162162        border: 1px solid #eaeaea;
    163         font-size: 19px;
    164         line-height: 1.2632;
    165         margin-bottom: 32px;
     163        font-size: 17px;
     164        line-height: 1.2353;
     165        margin-bottom: 28px;
    166166        max-width: 100%;
    167167        overflow: auto;
    168         padding: 15px;
     168        padding: 14px;
    169169        white-space: pre;
    170170        white-space: pre-wrap;
    171171        word-wrap: break-word;
     
    216216        background-color: #eaeaea;
    217217        border: 0;
    218218        height: 1px;
    219         margin-bottom: 32px;
     219        margin-bottom: 28px;
    220220}
    221221
    222222ul,
    223223ol {
    224         margin: 0 0 32px 0;
     224        margin: 0 0 28px 0;
    225225        padding: 0;
    226226}
    227227
     
    235235
    236236li > ul,
    237237li > ol {
    238         margin: 0 0 0 25px;
     238        margin: 0 0 0 23px;
    239239}
    240240
    241241dl {
    242         margin: 0 0 32px;
     242        margin: 0 0 28px;
    243243}
    244244
    245245dt {
     
    247247}
    248248
    249249dd {
    250         margin: 0 0 32px;
     250        margin: 0 0 28px;
    251251}
    252252
    253253.mce-item-table,
     
    264264        border-collapse: separate;
    265265        border-spacing: 0;
    266266        border-width: 1px 0 0 1px;
    267         margin: 0 0 32px;
     267        margin: 0 0 28px;
    268268        width: 100%;
    269269}
    270270
     
    272272.mce-item-table caption {
    273273        border-width: 0 1px 1px 0;
    274274        font-family: "Noto Serif", serif;
    275         font-size: 19px;
     275        font-size: 17px;
    276276        font-weight: 700;
    277         padding: 8px;
     277        padding: 7px;
    278278        text-align: left;
    279279        vertical-align: baseline;
    280280}
     
    282282.mce-item-table td {
    283283        border-width: 0 1px 1px 0;
    284284        font-family: "Noto Serif", serif;
    285         font-size: 19px;
    286         padding: 8px;
     285        font-size: 17px;
     286        padding: 7px;
    287287        vertical-align: baseline;
    288288}
    289289
     
    294294        vertical-align: middle;
    295295}
    296296
     297a img {
     298        display: block;
     299}
     300
    297301figure {
    298302        margin: 0;
    299303}
     
    315319
    316320.alignleft {
    317321        float: left;
    318         margin: 8px 32px 32px 0;
     322        margin: 7px 28px 28px 0;
    319323}
    320324
    321325.alignright {
    322326        float: right;
    323         margin: 8px 0 32px 32px;
     327        margin: 7px 0 28px 28px;
    324328}
    325329
    326330.aligncenter {
    327331        clear: both;
    328332        display: block;
    329         margin: 8px auto;
     333        margin: 7px auto;
    330334}
    331335
    332336
     
    339343        border: none;
    340344        color: #707070;
    341345        font-family: "Noto Sans", sans-serif;
    342         margin: 0 0 32px 0;
     346        margin: 0 0 28px 0;
    343347        max-width: 660px;
    344348        padding: 0;
    345349        text-align: center;
    346350}
    347351
    348352.wp-caption.alignleft {
    349         margin: 8px 32px 8px 0;
     353        margin: 7px 28px 21px 0;
    350354}
    351355
    352356.wp-caption.alignright {
    353         margin: 8px 0 8px 32px;
     357        margin: 7px 0 21px 28px;
    354358}
    355359
    356360.wp-caption.aligncenter {
    357         margin: 8px auto;
     361        margin: 7px auto;
    358362}
    359363
    360364.wp-caption .wp-caption-text,
    361365.wp-caption-dd {
    362         font-size: 16px;
     366        font-size: 14px;
    363367        line-height: 1.5;
    364         padding: 8px 0;
     368        padding: 7px 0;
    365369}
    366370
    367371
     
    370374 */
    371375
    372376.gallery {
    373         margin-bottom: 32px;
     377        margin-bottom: 28px;
    374378}
    375379
    376380.gallery-item {
     
    417421        color: #707070;
    418422        display: block;
    419423        font-family: "Noto Sans", sans-serif;
    420         font-size: 16px;
     424        font-size: 14px;
    421425        line-height: 1.5;
    422         padding: 8px 0;
     426        padding: 7px 0;
    423427}
    424428
    425429.gallery-columns-6 .gallery-caption,
     
    447451 * 8.0 RTL
    448452 */
    449453
    450 body.rtl {
    451         margin: 83px 83px 83px 0;
    452 }
    453 
    454454.rtl blockquote {
    455455        border-right: 4px solid #707070;
    456456        border-left: none;
    457         margin: 0 -24px 40px 0;
    458         padding-right: 20px;
     457        margin: 0 -21px 35px 0;
     458        padding-right: 17px;
    459459        padding-left: 0;
    460460}
    461461
     
    466466
    467467.rtl li > ul,
    468468.rtl li > ol {
    469         margin: 0 25px 0 0;
     469        margin: 0 23px 0 0;
    470470}
    471471
    472472.rtl .mce-item-table th,
    473473.rtl .mce-item-table caption {
    474474        text-align: right;
    475 }
    476 
    477 .rtl .wp-caption.alignright {
    478         margin: 8px 0 8px 32px;
    479 }
    480 
    481 .rtl .wp-caption.alignleft {
    482         margin: 8px 32px 8px 0;
    483 }
     475}
     476 No newline at end of file