WordPress.org

Make WordPress Core

Ticket #45242: 45242.1.patch

File 45242.1.patch, 5.3 KB (added by laurelfulford, 3 years ago)
  • src/wp-content/themes/twentythirteen/css/blocks.css

     
    8686        }
    8787}
    8888
    89 /* Make sure the full and wide blocks still stay in Twenty Thirteen's wide container */
     89@media (min-width: 1600px) {
    9090
    91 @media (min-width: 1600px) {
     91        /* Make sure the full and wide blocks still stay in Twenty Thirteen's wide container */
    9292        body:not(.sidebar) .alignfull {
    9393                margin-left: calc(50% - 800px);
    9494                margin-right: calc(50% - 800px);
     
    9696                max-width: 1000%;
    9797        }
    9898
     99        body:not(.sidebar) .wp-block-columns.alignfull,
     100        body:not(.sidebar) .wp-block-audio.alignfull,
     101        body:not(.sidebar) .wp-block-table.alignfull,
     102        body:not(.sidebar) .wp-block-latest-comments.alignfull {
     103                margin-left: calc(50% - 780px);
     104                margin-right: calc(50% - 780px);
     105        }
     106
    99107        body:not(.sidebar) .wp-block-gallery.alignfull {
    100108                margin-left: calc(50% - 808px); /* Adjust for gallery margins */
    101109                margin-right: calc(50% - 808px);
     
    102110                width: auto;
    103111                max-width: 1000%;
    104112        }
     113
     114        /* Make sure the 'wide' alignment doesn't get too wide. */
     115        body:not(.sidebar) .alignwide {
     116                margin-left: -230px;
     117                margin-right: -230px;
     118        }
    105119}
    106120
    107121/*--------------------------------------------------------------
     
    172186        width: 100%;
    173187}
    174188
    175 /* Cover Image */
     189/* Cover */
    176190
    177 .wp-block-cover-image.aligncenter {
     191.wp-block-cover-image.aligncenter,
     192.wp-block-cover.aligncenter {
    178193        clear: both;
    179194        display: flex;
    180195}
     
    262277        border-top: 1px solid #ededed;
    263278}
    264279
     280body:not(.sidebar) .wp-block-table.alignwide,
     281body:not(.sidebar) .wp-block-table.alignfull {
     282        width: 100%;
     283}
     284
     285/* Some acrobatics to make sure the table blocks always fill the available space. */
     286
     287@media (max-width: 1599px) {
     288        body:not(.sidebar) .wp-block-table.alignwide {
     289                width: calc(302px + 50vw); /* Half the content area width plus half the screen width. */
     290        }
     291
     292        body:not(.sidebar) .wp-block-table.alignfull {
     293                width: 96vw;
     294        }
     295}
     296
     297@media (max-width: 999px) {
     298        body.sidebar .wp-block-table.alignwide {
     299                width: calc(302px + 50vw); /* Half the content area width plus half the screen width. */
     300        }
     301
     302        body.sidebar .wp-block-table.alignfull {
     303                width: 96vw;
     304        }
     305}
     306
     307@media (max-width: 654px) {
     308        body:not(.sidebar) .wp-block-table.alignwide,
     309        body.sidebar .wp-block-table.alignwide {
     310                width: 96vw;
     311        }
     312}
     313
     314@media (min-width: 1600px) {
     315        body:not(.sidebar) .wp-block-table.alignwide {
     316                width: 1064px;
     317        }
     318
     319        body:not(.sidebar) .wp-block-table.alignfull {
     320                width: 1560px;
     321        }
     322}
     323
    265324/*--------------------------------------------------------------
    2663255.0 Blocks - Layout Elements
    267326--------------------------------------------------------------*/
     
    319378        max-width: 100%;
    320379}
    321380
     381/* Media & Text */
     382
     383.wp-block-media-text {
     384        margin-bottom: 24px;
     385}
     386
     387.wp-block-media-text *:last-child {
     388        margin-bottom: 0;
     389}
     390
    322391/*--------------------------------------------------------------
    3233926.0 Blocks - Widgets
    324393--------------------------------------------------------------*/
    325394
     395/* Archives, Categories & Latest Posts */
     396
     397.wp-block-archives.aligncenter,
     398.wp-block-categories.aligncenter,
     399.wp-block-latest-posts.aligncenter {
     400        list-style-position: inside;
     401        text-align: center;
     402}
     403
    326404/* Latest Comments */
    327405
    328406.wp-block-latest-comments {
  • src/wp-content/themes/twentythirteen/css/editor-blocks.css

     
    52523.0 General Block Styles
    5353--------------------------------------------------------------*/
    5454
    55 /* Main column width */
     55/* Main content width */
    5656
    57 .edit-post-visual-editor .editor-post-title__block,
    58 .edit-post-visual-editor .editor-default-block-appender,
    59 .edit-post-visual-editor .editor-block-list__block {
    60         max-width: 634px; /* 604 + 30 for editor block padding */
     57.wp-block {
     58        max-width: 634px; /* 604px + 30px to account for padding */
    6159}
    6260
     61.wp-block.alignwide,
     62.wp-block.alignfull {
     63        max-width: inherit;
     64}
     65
     66[class^="wp-block-"] .wp-block {
     67        max-width: 100%;
     68}
     69
    6370/* Link styles */
    6471
    6572.edit-post-visual-editor a,
     
    230237        font-size: 18px;
    231238}
    232239
    233 /* Cover Image */
     240/* Cover */
    234241
    235 .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text {
     242.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text,
     243.edit-post-visual-editor .editor-block-list__block .wp-block-cover p.wp-block-cover-text {
    236244        font-size: 32px;
    237245        line-height: 1.25;
    238246}
     
    339347        margin-right: auto;
    340348}
    341349
     350/* Media & Text */
     351
     352.wp-block-media-text *:last-child {
     353        margin-bottom: 0;
     354}
     355
    342356/*--------------------------------------------------------------
    3433577.0 Blocks - Widgets
    344358--------------------------------------------------------------*/
    345359
     360/* Archives, Categories & Latest Posts */
     361
     362[data-align="center"] .wp-block-archives ul,
     363[data-align="center"] .wp-block-categories ul,
     364[data-align="center"] .wp-block-latest-posts ul {
     365        list-style-position: inside;
     366        text-align: center;
     367}
     368
    346369/* Latest Comments */
    347370
    348371.editor-block-list__block .wp-block-latest-comments {