WordPress.org

Make WordPress Core

Ticket #46778: 46778-Draft.patch

File 46778-Draft.patch, 2.2 KB (added by kjellr, 4 months ago)

Draft (front-end styles only)

  • src/wp-content/themes/twentythirteen/css/blocks.css

     
    404404        max-width: 100%;
    405405}
    406406
     407/* Section Block: Default Alignment */
     408
     409.wp-block-section,
     410.wp-block-section.has-background {
     411        margin-bottom: 24px;
     412}
     413
     414.wp-block-section:not(.alignfull):not(.alignwide) > * {
     415        width: 604px;
     416        max-width: 100%;
     417        margin-left: 0;
     418        margin-right: 0;
     419}
     420
     421.wp-block-section.has-background:not(.alignfull):not(.alignwide) > .alignfull {
     422        width: calc(100% + 60px);
     423        max-width: calc(100% + 60px);
     424        margin-left: -30px;
     425}
     426
     427/* Section Block: Wide Alignment */
     428
     429.wp-block-section.alignwide > *,
     430.wp-block-section.alignwide > .alignwide,
     431.wp-block-section.alignwide > .alignfull {
     432        max-width: 604px;
     433        margin-left: auto;
     434        margin-right: auto;
     435}
     436
     437.wp-block-section.alignwide > .alignwide,
     438.wp-block-section.alignwide > .alignfull {
     439        width: 100%;
     440        max-width: 100%;
     441}
     442
     443.wp-block-section.has-background.alignwide > .alignfull {
     444        width: calc(100% + 60px);
     445        max-width: calc(100% + 60px);
     446        margin-left: -30px;
     447}
     448
     449@media (max-width: 664px) {
     450        .wp-block-section:not(.has-background).alignwide {
     451                margin-left: 0;
     452                margin-right: 0;
     453        }
     454
     455        .wp-block-section:not(.has-background).alignwide > .alignwide,
     456        .wp-block-section:not(.has-background).alignwide > .alignfull {
     457                width: auto;
     458                max-width: 1600px;
     459                margin-left: calc(25% - 25vw);
     460                margin-right: calc(25% - 25vw);
     461        }
     462}
     463
     464/* Section Block: Full Alignment */
     465
     466@media (max-width: 664px) {
     467        .wp-block-section:not(.has-background).alignfull {
     468                margin-left: 0;
     469                margin-right: 0;
     470        }
     471
     472        .wp-block-section.has-background.alignfull > *:not(.alignfull) {
     473                margin-left: auto;
     474                margin-right: auto;
     475        }
     476}
     477
     478@media (min-width: 665px) {
     479        .wp-block-section.alignfull,
     480        .wp-block-section.has-background.alignfull {
     481                padding: 20px calc( (100vw - 604px ) / 2 );
     482        }
     483}
     484
     485@media (min-width: 1600px) {
     486        .wp-block-section.alignfull,
     487        .wp-block-section.has-background.alignfull {
     488                padding: 20px 498px;
     489        }
     490}
     491
    407492/* Media & Text */
    408493
    409494.wp-block-media-text {