Ticket #45242: 45242.1.patch
File 45242.1.patch, 5.3 KB (added by , 6 years ago) |
---|
-
src/wp-content/themes/twentythirteen/css/blocks.css
86 86 } 87 87 } 88 88 89 /* Make sure the full and wide blocks still stay in Twenty Thirteen's wide container */ 89 @media (min-width: 1600px) { 90 90 91 @media (min-width: 1600px) { 91 /* Make sure the full and wide blocks still stay in Twenty Thirteen's wide container */ 92 92 body:not(.sidebar) .alignfull { 93 93 margin-left: calc(50% - 800px); 94 94 margin-right: calc(50% - 800px); … … 96 96 max-width: 1000%; 97 97 } 98 98 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 99 107 body:not(.sidebar) .wp-block-gallery.alignfull { 100 108 margin-left: calc(50% - 808px); /* Adjust for gallery margins */ 101 109 margin-right: calc(50% - 808px); … … 102 110 width: auto; 103 111 max-width: 1000%; 104 112 } 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 } 105 119 } 106 120 107 121 /*-------------------------------------------------------------- … … 172 186 width: 100%; 173 187 } 174 188 175 /* Cover Image*/189 /* Cover */ 176 190 177 .wp-block-cover-image.aligncenter { 191 .wp-block-cover-image.aligncenter, 192 .wp-block-cover.aligncenter { 178 193 clear: both; 179 194 display: flex; 180 195 } … … 262 277 border-top: 1px solid #ededed; 263 278 } 264 279 280 body:not(.sidebar) .wp-block-table.alignwide, 281 body: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 265 324 /*-------------------------------------------------------------- 266 325 5.0 Blocks - Layout Elements 267 326 --------------------------------------------------------------*/ … … 319 378 max-width: 100%; 320 379 } 321 380 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 322 391 /*-------------------------------------------------------------- 323 392 6.0 Blocks - Widgets 324 393 --------------------------------------------------------------*/ 325 394 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 326 404 /* Latest Comments */ 327 405 328 406 .wp-block-latest-comments { -
src/wp-content/themes/twentythirteen/css/editor-blocks.css
52 52 3.0 General Block Styles 53 53 --------------------------------------------------------------*/ 54 54 55 /* Main co lumnwidth */55 /* Main content width */ 56 56 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 */ 61 59 } 62 60 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 63 70 /* Link styles */ 64 71 65 72 .edit-post-visual-editor a, … … 230 237 font-size: 18px; 231 238 } 232 239 233 /* Cover Image*/240 /* Cover */ 234 241 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 { 236 244 font-size: 32px; 237 245 line-height: 1.25; 238 246 } … … 339 347 margin-right: auto; 340 348 } 341 349 350 /* Media & Text */ 351 352 .wp-block-media-text *:last-child { 353 margin-bottom: 0; 354 } 355 342 356 /*-------------------------------------------------------------- 343 357 7.0 Blocks - Widgets 344 358 --------------------------------------------------------------*/ 345 359 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 346 369 /* Latest Comments */ 347 370 348 371 .editor-block-list__block .wp-block-latest-comments {