From 6c6413603516e5f1463e84f30dae189bc4014b60 Mon Sep 17 00:00:00 2001 From: Weston Ruter Date: Tue, 14 Nov 2017 23:02:48 +0000 Subject: [PATCH] About Page: Fix issue with overlapping images and text on IE11 and Edge 15. Props Clorith, ryelle, afercia, la-geek, SergeyBiryukov. See #42514. Fixes #42545. Built from https://develop.svn.wordpress.org/trunk@42181 git-svn-id: http://core.svn.wordpress.org/trunk@42011 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/about.php | 6 -- wp-admin/css/about-rtl.css | 105 ++++++++++++++++++++++----------- wp-admin/css/about-rtl.min.css | 2 +- wp-admin/css/about.css | 105 ++++++++++++++++++++++----------- wp-admin/css/about.min.css | 2 +- wp-includes/version.php | 2 +- 6 files changed, 145 insertions(+), 77 deletions(-) diff --git a/wp-admin/about.php b/wp-admin/about.php index 496cb4e78d..b7aca0bed1 100644 --- a/wp-admin/about.php +++ b/wp-admin/about.php @@ -253,12 +253,6 @@ include( ABSPATH . 'wp-admin/admin-header.php' ); function setup() { $sections.each( function( i, section ) { var $section = $( section ); - // Set width on header to prevent column jump - var $header = $section.find('.section-header'); - $header.css( { - width: $header.innerWidth() + 'px' - } ); - // If the title is long, switch the layout var $title = $section.find( 'h2' ); if ( $title.innerWidth() > 300 ) { diff --git a/wp-admin/css/about-rtl.css b/wp-admin/css/about-rtl.css index ee9753184a..297d4cf97d 100644 --- a/wp-admin/css/about-rtl.css +++ b/wp-admin/css/about-rtl.css @@ -260,8 +260,10 @@ .about-wrap .two-col-text { -webkit-column-count: 2; + -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; + -moz-column-gap: 40px; column-gap: 40px; } @@ -368,52 +370,74 @@ -ms-grid-column: 1; grid-column: 1; position: relative; + min-width: 230px; + max-width: 300px; } .about-wrap .floating-header-section h2 { margin: 0; text-align: right; + position: absolute; } .about-wrap .floating-header-section .section-content { - display: -ms-grid; - display: grid; - grid-gap: 60px; - -ms-grid-columns: 5fr 5fr; - grid-template-columns: 5fr 5fr; -ms-grid-column: 2; grid-column: 2; + display: -webkit-box; + display: flex; + -webkit-box-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + align-items: flex-start; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-flow: row wrap; + -webkit-box-flex: 2; + flex-grow: 2; + flex-shrink: 0; } -.about-wrap .floating-header-section .section-item:nth-of-type(odd) { - -ms-grid-column: 1; - grid-column: 1; +.about-wrap .floating-header-section .section-item { + -webkit-box-flex: 1; + flex-grow: 1; + max-width: calc(50% - 30px); } -.about-wrap .floating-header-section .section-item:nth-of-type(even) { - -ms-grid-column: 2; - grid-column: 2; +.about-wrap .floating-header-section .section-item:nth-child(1), +.about-wrap .floating-header-section .section-item:nth-child(2) { + margin-bottom: 60px; +} + +.about-wrap .floating-header-section .section-item:nth-child(1):nth-last-child(2), +.about-wrap .floating-header-section .section-item:nth-child(2):nth-last-child(1) { + margin-bottom: 0; } .about-wrap .floating-header-section.has-long-title { - -ms-grid-columns: 1fr; - grid-template-columns: 1fr; - grid-gap: 60px 0; + display: block; +} + +.about-wrap .floating-header-section.has-long-title .section-header { + max-width: 100%; +} + +.about-wrap .floating-header-section.has-long-title h2 { + position: static; + margin-bottom: 60px; } .about-wrap .floating-header-section.has-long-title .section-content { - -ms-grid-columns: minmax(max-content, 300px) minmax(max-content, 300px); - grid-template-columns: minmax(max-content, 300px) minmax(max-content, 300px); + -webkit-box-pack: start; + justify-content: flex-start; } .about-wrap .floating-header-section.has-long-title .section-item { max-width: 300px; + margin-bottom: 0; } -.about-wrap .floating-header-section.has-long-title .section-header, -.about-wrap .floating-header-section.has-long-title .section-content { - -ms-grid-column: 1; - grid-column: 1; +.about-wrap .floating-header-section.has-long-title .section-item + .section-item { + margin-right: 60px; } /*------------------------------------------------------------------------------ @@ -507,9 +531,27 @@ 4.0 - Media Queries ------------------------------------------------------------------------------*/ -@media screen and ( max-width: 782px ) { +@media screen and (max-width: 1250px) { + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(1), + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(2) { + margin: 0 0 60px; + } + + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(3), + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) { + margin: 0; + } + + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(2), + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) { + margin-right: 60px; + } +} + +@media screen and (max-width: 782px) { .about-wrap .two-col-text { -webkit-column-count: 1; + -moz-column-count: 1; column-count: 1; } @@ -524,15 +566,17 @@ } .about-wrap .floating-header-section { - -ms-grid-columns: 1fr; - grid-template-columns: 1fr; - grid-gap: 60px 0; + display: block; } .about-wrap .floating-header-section .section-header, .about-wrap .floating-header-section .section-content { - -ms-grid-column: 1; - grid-column: 1; + max-width: 100%; + } + + .about-wrap .floating-header-section h2 { + position: static; + margin-bottom: 60px; } } @@ -595,15 +639,8 @@ hyphens: auto; } - .about-wrap .floating-header-section .section-content { - -ms-grid-columns: 1fr; - grid-template-columns: 1fr; - grid-gap: 60px 0; - } - .about-wrap .floating-header-section .section-content .section-item { - -ms-grid-column: 1; - grid-column: 1; max-width: 100%; + margin: 0 0 60px; } } diff --git a/wp-admin/css/about-rtl.min.css b/wp-admin/css/about-rtl.min.css index 88c1bddbd1..6d70c31b40 100644 --- a/wp-admin/css/about-rtl.min.css +++ b/wp-admin/css/about-rtl.min.css @@ -1,2 +1,2 @@ /*! This file is auto-generated */ -.about-wrap{position:relative;margin:25px 20px 0 40px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;max-width:100%;height:auto;vertical-align:middle}.about-wrap .jetpack-video-wrapper{margin-bottom:0}.wp-badge{background:url(../images/w-logo-white.png?ver=20160308) center 25px no-repeat #0073aa;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;left:0}.about-wrap .nav-tab{padding-left:15px;padding-right:15px;font-size:18px}.about-wrap p{line-height:1.5;font-size:14px}.about-wrap .feature-section p{max-width:55em;margin-right:auto;margin-left:auto}.about-wrap h1{margin:.2em 0 0 200px;padding:0;color:#32373c;line-height:1.2em;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{color:#23282d}.about-wrap .changelog h2{font-size:1.4em;font-weight:600;text-align:right}.about-wrap .embed-container,.about-wrap .featured-image,.about-wrap .lead-description{text-align:center}.about-wrap .changelog h3{margin:1.33em 0;font-size:1em;line-height:inherit;color:#23282d}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6em;font-size:19px}.about-wrap .about-text{margin:1em 0 1em 200px;min-height:60px;color:#555d66}.about-wrap [class$="-col"]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.about-wrap .feature-section.one-col{margin:0 auto;max-width:700px}.about-wrap .inline-svg img{max-width:100%;width:100%;height:auto}.about-wrap .inline-svg.full-width{margin-bottom:120px}.about-wrap [class$="-col"] .col{-webkit-box-flex:1;flex:1}.about-wrap .two-col .col{min-width:47%;max-width:47%}.about-wrap .three-col .col{-webkit-align-self:flex-start;align-self:flex-start;min-width:31%;max-width:31%}.about-wrap .two-col img{margin-bottom:1.5em}.about-wrap .feature-video .mejs-controls{display:none!important}.about-wrap .feature-video .mejs-overlay-loading span{background:0 0}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .feature-section.two-col h3{margin-top:0}.about-wrap .feature-section h4{margin:1.4em 0 .6em;font-size:1em}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .lead-description{font-size:1.5em}.about-wrap .two-col-text{-webkit-column-count:2;column-count:2;-webkit-column-gap:40px;column-gap:40px}.about-wrap .two-col-text p:first-of-type{margin-top:0}.about-wrap .native-fonts p,.about-wrap .streamlined-updates p{margin-bottom:3em}.about-wrap .headline-feature.feature-video{position:relative;margin:40px 0;padding-bottom:56.25%;width:100%;max-width:100%;height:0;text-align:center}.about-wrap .changelog.feature-section .col,.about-wrap .feature-section .col{margin-top:40px}.about-wrap .feature-video embed{position:absolute;top:0;right:0;width:100%;height:100%}.about-wrap .feature-section{overflow:hidden;padding:0 0 40px}.about-wrap .feature-section.no-heading{padding-top:35px}.about-wrap .feature-section .media-container{overflow:hidden}.about-wrap .feature-section img{margin-bottom:1em}.about-wrap .embed-container iframe,.about-wrap .wp-embedded-content{max-width:100%}.about-wrap .changelog{margin-bottom:40px}.about-wrap .return-to-dashboard{margin:30px -5px 0 0;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap .floating-header-section{display:-ms-grid;display:grid;grid-gap:0 60px;-ms-grid-columns:5fr 11fr;grid-template-columns:5fr 11fr;max-width:1020px;margin:0 auto 120px}.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1;position:relative}.about-wrap .floating-header-section h2{margin:0;text-align:right}.about-wrap .floating-header-section .section-content{display:-ms-grid;display:grid;grid-gap:60px;-ms-grid-columns:5fr 5fr;grid-template-columns:5fr 5fr;-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section .section-item:nth-of-type(odd){-ms-grid-column:1;grid-column:1}.about-wrap .floating-header-section .section-item:nth-of-type(even){-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section.has-long-title{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section.has-long-title .section-content{-ms-grid-columns:minmax(max-content,300px) minmax(max-content,300px);grid-template-columns:minmax(max-content,300px) minmax(max-content,300px)}.about-wrap .floating-header-section.has-long-title .section-item{max-width:300px}.about-wrap .floating-header-section.has-long-title .section-content,.about-wrap .floating-header-section.has-long-title .section-header{-ms-grid-column:1;grid-column:1}.about-wrap h3.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit}.about-wrap .wp-people-group{padding:0 5px;margin:0 -5px 0 -15px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-left:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:right;margin:0 0 10px 10px;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2em;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}@media screen and (max-width:782px){.about-wrap .two-col-text{-webkit-column-count:1;column-count:1}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:48%!important}.about-wrap .three-col img{display:block;margin:0 auto}.about-wrap .floating-header-section{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content,.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1}}@media only screen and (max-width:500px){.about-wrap{margin-left:20px;margin-right:10px}.about-wrap .about-text,.about-wrap h1{margin-left:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:100%!important}.about-wrap .under-the-hood.one-col .col,.about-wrap .under-the-hood.three-col .col,.about-wrap .under-the-hood.two-col .col{margin-bottom:2em;padding-bottom:0}.about-wrap .under-the-hood:nth-of-type(2n),.about-wrap .under-the-hood:nth-of-type(3n){margin-top:0}.about-wrap .under-the-hood:nth-of-type(2n) h3,.about-wrap .under-the-hood:nth-of-type(3n) h3{margin-top:0}.about-wrap .floating-header-section{margin-bottom:60px;grid-gap:30px 0}.about-wrap .inline-svg.full-width{margin-bottom:60px}.about-wrap .floating-header-section h2{word-break:break-all;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.about-wrap .floating-header-section .section-content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content .section-item{-ms-grid-column:1;grid-column:1;max-width:100%}} \ No newline at end of file +.about-wrap{position:relative;margin:25px 20px 0 40px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;max-width:100%;height:auto;vertical-align:middle}.about-wrap .jetpack-video-wrapper{margin-bottom:0}.wp-badge{background:url(../images/w-logo-white.png?ver=20160308) center 25px no-repeat #0073aa;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;left:0}.about-wrap .nav-tab{padding-left:15px;padding-right:15px;font-size:18px}.about-wrap p{line-height:1.5;font-size:14px}.about-wrap .feature-section p{max-width:55em;margin-right:auto;margin-left:auto}.about-wrap h1{margin:.2em 0 0 200px;padding:0;color:#32373c;line-height:1.2em;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{color:#23282d}.about-wrap .changelog h2{font-size:1.4em;font-weight:600;text-align:right}.about-wrap .embed-container,.about-wrap .featured-image,.about-wrap .lead-description{text-align:center}.about-wrap .changelog h3{margin:1.33em 0;font-size:1em;line-height:inherit;color:#23282d}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6em;font-size:19px}.about-wrap .about-text{margin:1em 0 1em 200px;min-height:60px;color:#555d66}.about-wrap [class$="-col"]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.about-wrap .feature-section.one-col{margin:0 auto;max-width:700px}.about-wrap .inline-svg img{max-width:100%;width:100%;height:auto}.about-wrap .inline-svg.full-width{margin-bottom:120px}.about-wrap [class$="-col"] .col{-webkit-box-flex:1;flex:1}.about-wrap .two-col .col{min-width:47%;max-width:47%}.about-wrap .three-col .col{-webkit-align-self:flex-start;align-self:flex-start;min-width:31%;max-width:31%}.about-wrap .two-col img{margin-bottom:1.5em}.about-wrap .feature-video .mejs-controls{display:none!important}.about-wrap .feature-video .mejs-overlay-loading span{background:0 0}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .feature-section.two-col h3{margin-top:0}.about-wrap .feature-section h4{margin:1.4em 0 .6em;font-size:1em}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .lead-description{font-size:1.5em}.about-wrap .two-col-text{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}.about-wrap .two-col-text p:first-of-type{margin-top:0}.about-wrap .native-fonts p,.about-wrap .streamlined-updates p{margin-bottom:3em}.about-wrap .headline-feature.feature-video{position:relative;margin:40px 0;padding-bottom:56.25%;width:100%;max-width:100%;height:0;text-align:center}.about-wrap .changelog.feature-section .col,.about-wrap .feature-section .col{margin-top:40px}.about-wrap .feature-video embed{position:absolute;top:0;right:0;width:100%;height:100%}.about-wrap .feature-section{overflow:hidden;padding:0 0 40px}.about-wrap .feature-section.no-heading{padding-top:35px}.about-wrap .feature-section .media-container{overflow:hidden}.about-wrap .feature-section img{margin-bottom:1em}.about-wrap .embed-container iframe,.about-wrap .wp-embedded-content{max-width:100%}.about-wrap .changelog{margin-bottom:40px}.about-wrap .return-to-dashboard{margin:30px -5px 0 0;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap .floating-header-section{display:-ms-grid;display:grid;grid-gap:0 60px;-ms-grid-columns:5fr 11fr;grid-template-columns:5fr 11fr;max-width:1020px;margin:0 auto 120px}.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1;position:relative;min-width:230px;max-width:300px}.about-wrap .floating-header-section h2{margin:0;text-align:right;position:absolute}.about-wrap .floating-header-section .section-content{-ms-grid-column:2;grid-column:2;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-webkit-box-flex:2;flex-grow:2;flex-shrink:0}.about-wrap .floating-header-section .section-item{-webkit-box-flex:1;flex-grow:1;max-width:calc(50% - 30px)}.about-wrap .floating-header-section .section-item:nth-child(1),.about-wrap .floating-header-section .section-item:nth-child(2){margin-bottom:60px}.about-wrap .floating-header-section .section-item:nth-child(1):nth-last-child(2),.about-wrap .floating-header-section .section-item:nth-child(2):nth-last-child(1){margin-bottom:0}.about-wrap .floating-header-section.has-long-title{display:block}.about-wrap .floating-header-section.has-long-title .section-header{max-width:100%}.about-wrap .floating-header-section.has-long-title h2{position:static;margin-bottom:60px}.about-wrap .floating-header-section.has-long-title .section-content{-webkit-box-pack:start;justify-content:flex-start}.about-wrap .floating-header-section.has-long-title .section-item{max-width:300px;margin-bottom:0}.about-wrap .floating-header-section.has-long-title .section-item+.section-item{margin-right:60px}.about-wrap h3.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit}.about-wrap .wp-people-group{padding:0 5px;margin:0 -5px 0 -15px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-left:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:right;margin:0 0 10px 10px;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2em;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}@media screen and (max-width:1250px){.about-wrap .floating-header-section.has-long-title .section-item:nth-child(1),.about-wrap .floating-header-section.has-long-title .section-item:nth-child(2){margin:0 0 60px}.about-wrap .floating-header-section.has-long-title .section-item:nth-child(3),.about-wrap .floating-header-section.has-long-title .section-item:nth-child(4){margin:0}.about-wrap .floating-header-section.has-long-title .section-item:nth-child(2),.about-wrap .floating-header-section.has-long-title .section-item:nth-child(4){margin-right:60px}}@media screen and (max-width:782px){.about-wrap .two-col-text{-webkit-column-count:1;-moz-column-count:1;column-count:1}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:48%!important}.about-wrap .three-col img{display:block;margin:0 auto}.about-wrap .floating-header-section{display:block}.about-wrap .floating-header-section .section-content,.about-wrap .floating-header-section .section-header{max-width:100%}.about-wrap .floating-header-section h2{position:static;margin-bottom:60px}}@media only screen and (max-width:500px){.about-wrap{margin-left:20px;margin-right:10px}.about-wrap .about-text,.about-wrap h1{margin-left:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:100%!important}.about-wrap .under-the-hood.one-col .col,.about-wrap .under-the-hood.three-col .col,.about-wrap .under-the-hood.two-col .col{margin-bottom:2em;padding-bottom:0}.about-wrap .under-the-hood:nth-of-type(2n),.about-wrap .under-the-hood:nth-of-type(3n){margin-top:0}.about-wrap .under-the-hood:nth-of-type(2n) h3,.about-wrap .under-the-hood:nth-of-type(3n) h3{margin-top:0}.about-wrap .floating-header-section{margin-bottom:60px;grid-gap:30px 0}.about-wrap .inline-svg.full-width{margin-bottom:60px}.about-wrap .floating-header-section h2{word-break:break-all;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.about-wrap .floating-header-section .section-content .section-item{max-width:100%;margin:0 0 60px}} \ No newline at end of file diff --git a/wp-admin/css/about.css b/wp-admin/css/about.css index 4ff91c7755..c9d6f16aa4 100644 --- a/wp-admin/css/about.css +++ b/wp-admin/css/about.css @@ -260,8 +260,10 @@ .about-wrap .two-col-text { -webkit-column-count: 2; + -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; + -moz-column-gap: 40px; column-gap: 40px; } @@ -368,52 +370,74 @@ -ms-grid-column: 1; grid-column: 1; position: relative; + min-width: 230px; + max-width: 300px; } .about-wrap .floating-header-section h2 { margin: 0; text-align: left; + position: absolute; } .about-wrap .floating-header-section .section-content { - display: -ms-grid; - display: grid; - grid-gap: 60px; - -ms-grid-columns: 5fr 5fr; - grid-template-columns: 5fr 5fr; -ms-grid-column: 2; grid-column: 2; + display: -webkit-box; + display: flex; + -webkit-box-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + align-items: flex-start; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-flow: row wrap; + -webkit-box-flex: 2; + flex-grow: 2; + flex-shrink: 0; } -.about-wrap .floating-header-section .section-item:nth-of-type(odd) { - -ms-grid-column: 1; - grid-column: 1; +.about-wrap .floating-header-section .section-item { + -webkit-box-flex: 1; + flex-grow: 1; + max-width: calc(50% - 30px); } -.about-wrap .floating-header-section .section-item:nth-of-type(even) { - -ms-grid-column: 2; - grid-column: 2; +.about-wrap .floating-header-section .section-item:nth-child(1), +.about-wrap .floating-header-section .section-item:nth-child(2) { + margin-bottom: 60px; +} + +.about-wrap .floating-header-section .section-item:nth-child(1):nth-last-child(2), +.about-wrap .floating-header-section .section-item:nth-child(2):nth-last-child(1) { + margin-bottom: 0; } .about-wrap .floating-header-section.has-long-title { - -ms-grid-columns: 1fr; - grid-template-columns: 1fr; - grid-gap: 60px 0; + display: block; +} + +.about-wrap .floating-header-section.has-long-title .section-header { + max-width: 100%; +} + +.about-wrap .floating-header-section.has-long-title h2 { + position: static; + margin-bottom: 60px; } .about-wrap .floating-header-section.has-long-title .section-content { - -ms-grid-columns: minmax(max-content, 300px) minmax(max-content, 300px); - grid-template-columns: minmax(max-content, 300px) minmax(max-content, 300px); + -webkit-box-pack: start; + justify-content: flex-start; } .about-wrap .floating-header-section.has-long-title .section-item { max-width: 300px; + margin-bottom: 0; } -.about-wrap .floating-header-section.has-long-title .section-header, -.about-wrap .floating-header-section.has-long-title .section-content { - -ms-grid-column: 1; - grid-column: 1; +.about-wrap .floating-header-section.has-long-title .section-item + .section-item { + margin-left: 60px; } /*------------------------------------------------------------------------------ @@ -507,9 +531,27 @@ 4.0 - Media Queries ------------------------------------------------------------------------------*/ -@media screen and ( max-width: 782px ) { +@media screen and (max-width: 1250px) { + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(1), + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(2) { + margin: 0 0 60px; + } + + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(3), + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) { + margin: 0; + } + + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(2), + .about-wrap .floating-header-section.has-long-title .section-item:nth-child(4) { + margin-left: 60px; + } +} + +@media screen and (max-width: 782px) { .about-wrap .two-col-text { -webkit-column-count: 1; + -moz-column-count: 1; column-count: 1; } @@ -524,15 +566,17 @@ } .about-wrap .floating-header-section { - -ms-grid-columns: 1fr; - grid-template-columns: 1fr; - grid-gap: 60px 0; + display: block; } .about-wrap .floating-header-section .section-header, .about-wrap .floating-header-section .section-content { - -ms-grid-column: 1; - grid-column: 1; + max-width: 100%; + } + + .about-wrap .floating-header-section h2 { + position: static; + margin-bottom: 60px; } } @@ -595,15 +639,8 @@ hyphens: auto; } - .about-wrap .floating-header-section .section-content { - -ms-grid-columns: 1fr; - grid-template-columns: 1fr; - grid-gap: 60px 0; - } - .about-wrap .floating-header-section .section-content .section-item { - -ms-grid-column: 1; - grid-column: 1; max-width: 100%; + margin: 0 0 60px; } } diff --git a/wp-admin/css/about.min.css b/wp-admin/css/about.min.css index 686447f5d7..c0447311ae 100644 --- a/wp-admin/css/about.min.css +++ b/wp-admin/css/about.min.css @@ -1,2 +1,2 @@ /*! This file is auto-generated */ -.about-wrap{position:relative;margin:25px 40px 0 20px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;max-width:100%;height:auto;vertical-align:middle}.about-wrap .jetpack-video-wrapper{margin-bottom:0}.wp-badge{background:url(../images/w-logo-white.png?ver=20160308) center 25px no-repeat #0073aa;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;right:0}.about-wrap .nav-tab{padding-right:15px;padding-left:15px;font-size:18px}.about-wrap p{line-height:1.5;font-size:14px}.about-wrap .feature-section p{max-width:55em;margin-left:auto;margin-right:auto}.about-wrap h1{margin:.2em 200px 0 0;padding:0;color:#32373c;line-height:1.2em;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{color:#23282d}.about-wrap .changelog h2{font-size:1.4em;font-weight:600;text-align:left}.about-wrap .embed-container,.about-wrap .featured-image,.about-wrap .lead-description{text-align:center}.about-wrap .changelog h3{margin:1.33em 0;font-size:1em;line-height:inherit;color:#23282d}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6em;font-size:19px}.about-wrap .about-text{margin:1em 200px 1em 0;min-height:60px;color:#555d66}.about-wrap [class$="-col"]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.about-wrap .feature-section.one-col{margin:0 auto;max-width:700px}.about-wrap .inline-svg img{max-width:100%;width:100%;height:auto}.about-wrap .inline-svg.full-width{margin-bottom:120px}.about-wrap [class$="-col"] .col{-webkit-box-flex:1;flex:1}.about-wrap .two-col .col{min-width:47%;max-width:47%}.about-wrap .three-col .col{-webkit-align-self:flex-start;align-self:flex-start;min-width:31%;max-width:31%}.about-wrap .two-col img{margin-bottom:1.5em}.about-wrap .feature-video .mejs-controls{display:none!important}.about-wrap .feature-video .mejs-overlay-loading span{background:0 0}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .feature-section.two-col h3{margin-top:0}.about-wrap .feature-section h4{margin:1.4em 0 .6em;font-size:1em}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .lead-description{font-size:1.5em}.about-wrap .two-col-text{-webkit-column-count:2;column-count:2;-webkit-column-gap:40px;column-gap:40px}.about-wrap .two-col-text p:first-of-type{margin-top:0}.about-wrap .native-fonts p,.about-wrap .streamlined-updates p{margin-bottom:3em}.about-wrap .headline-feature.feature-video{position:relative;margin:40px 0;padding-bottom:56.25%;width:100%;max-width:100%;height:0;text-align:center}.about-wrap .changelog.feature-section .col,.about-wrap .feature-section .col{margin-top:40px}.about-wrap .feature-video embed{position:absolute;top:0;left:0;width:100%;height:100%}.about-wrap .feature-section{overflow:hidden;padding:0 0 40px}.about-wrap .feature-section.no-heading{padding-top:35px}.about-wrap .feature-section .media-container{overflow:hidden}.about-wrap .feature-section img{margin-bottom:1em}.about-wrap .embed-container iframe,.about-wrap .wp-embedded-content{max-width:100%}.about-wrap .changelog{margin-bottom:40px}.about-wrap .return-to-dashboard{margin:30px 0 0 -5px;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap .floating-header-section{display:-ms-grid;display:grid;grid-gap:0 60px;-ms-grid-columns:5fr 11fr;grid-template-columns:5fr 11fr;max-width:1020px;margin:0 auto 120px}.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1;position:relative}.about-wrap .floating-header-section h2{margin:0;text-align:left}.about-wrap .floating-header-section .section-content{display:-ms-grid;display:grid;grid-gap:60px;-ms-grid-columns:5fr 5fr;grid-template-columns:5fr 5fr;-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section .section-item:nth-of-type(odd){-ms-grid-column:1;grid-column:1}.about-wrap .floating-header-section .section-item:nth-of-type(even){-ms-grid-column:2;grid-column:2}.about-wrap .floating-header-section.has-long-title{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section.has-long-title .section-content{-ms-grid-columns:minmax(max-content,300px) minmax(max-content,300px);grid-template-columns:minmax(max-content,300px) minmax(max-content,300px)}.about-wrap .floating-header-section.has-long-title .section-item{max-width:300px}.about-wrap .floating-header-section.has-long-title .section-content,.about-wrap .floating-header-section.has-long-title .section-header{-ms-grid-column:1;grid-column:1}.about-wrap h3.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit}.about-wrap .wp-people-group{padding:0 5px;margin:0 -15px 0 -5px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-right:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:left;margin:0 10px 10px 0;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2em;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}@media screen and (max-width:782px){.about-wrap .two-col-text{-webkit-column-count:1;column-count:1}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:48%!important}.about-wrap .three-col img{display:block;margin:0 auto}.about-wrap .floating-header-section{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content,.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1}}@media only screen and (max-width:500px){.about-wrap{margin-right:20px;margin-left:10px}.about-wrap .about-text,.about-wrap h1{margin-right:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:100%!important}.about-wrap .under-the-hood.one-col .col,.about-wrap .under-the-hood.three-col .col,.about-wrap .under-the-hood.two-col .col{margin-bottom:2em;padding-bottom:0}.about-wrap .under-the-hood:nth-of-type(2n),.about-wrap .under-the-hood:nth-of-type(3n){margin-top:0}.about-wrap .under-the-hood:nth-of-type(2n) h3,.about-wrap .under-the-hood:nth-of-type(3n) h3{margin-top:0}.about-wrap .floating-header-section{margin-bottom:60px;grid-gap:30px 0}.about-wrap .inline-svg.full-width{margin-bottom:60px}.about-wrap .floating-header-section h2{word-break:break-all;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.about-wrap .floating-header-section .section-content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:60px 0}.about-wrap .floating-header-section .section-content .section-item{-ms-grid-column:1;grid-column:1;max-width:100%}} \ No newline at end of file +.about-wrap{position:relative;margin:25px 40px 0 20px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;max-width:100%;height:auto;vertical-align:middle}.about-wrap .jetpack-video-wrapper{margin-bottom:0}.wp-badge{background:url(../images/w-logo-white.png?ver=20160308) center 25px no-repeat #0073aa;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;right:0}.about-wrap .nav-tab{padding-right:15px;padding-left:15px;font-size:18px}.about-wrap p{line-height:1.5;font-size:14px}.about-wrap .feature-section p{max-width:55em;margin-left:auto;margin-right:auto}.about-wrap h1{margin:.2em 200px 0 0;padding:0;color:#32373c;line-height:1.2em;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{color:#23282d}.about-wrap .changelog h2{font-size:1.4em;font-weight:600;text-align:left}.about-wrap .embed-container,.about-wrap .featured-image,.about-wrap .lead-description{text-align:center}.about-wrap .changelog h3{margin:1.33em 0;font-size:1em;line-height:inherit;color:#23282d}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6em;font-size:19px}.about-wrap .about-text{margin:1em 200px 1em 0;min-height:60px;color:#555d66}.about-wrap [class$="-col"]{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}.about-wrap .feature-section.one-col{margin:0 auto;max-width:700px}.about-wrap .inline-svg img{max-width:100%;width:100%;height:auto}.about-wrap .inline-svg.full-width{margin-bottom:120px}.about-wrap [class$="-col"] .col{-webkit-box-flex:1;flex:1}.about-wrap .two-col .col{min-width:47%;max-width:47%}.about-wrap .three-col .col{-webkit-align-self:flex-start;align-self:flex-start;min-width:31%;max-width:31%}.about-wrap .two-col img{margin-bottom:1.5em}.about-wrap .feature-video .mejs-controls{display:none!important}.about-wrap .feature-video .mejs-overlay-loading span{background:0 0}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .feature-section.two-col h3{margin-top:0}.about-wrap .feature-section h4{margin:1.4em 0 .6em;font-size:1em}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .lead-description{font-size:1.5em}.about-wrap .two-col-text{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}.about-wrap .two-col-text p:first-of-type{margin-top:0}.about-wrap .native-fonts p,.about-wrap .streamlined-updates p{margin-bottom:3em}.about-wrap .headline-feature.feature-video{position:relative;margin:40px 0;padding-bottom:56.25%;width:100%;max-width:100%;height:0;text-align:center}.about-wrap .changelog.feature-section .col,.about-wrap .feature-section .col{margin-top:40px}.about-wrap .feature-video embed{position:absolute;top:0;left:0;width:100%;height:100%}.about-wrap .feature-section{overflow:hidden;padding:0 0 40px}.about-wrap .feature-section.no-heading{padding-top:35px}.about-wrap .feature-section .media-container{overflow:hidden}.about-wrap .feature-section img{margin-bottom:1em}.about-wrap .embed-container iframe,.about-wrap .wp-embedded-content{max-width:100%}.about-wrap .changelog{margin-bottom:40px}.about-wrap .return-to-dashboard{margin:30px 0 0 -5px;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap .floating-header-section{display:-ms-grid;display:grid;grid-gap:0 60px;-ms-grid-columns:5fr 11fr;grid-template-columns:5fr 11fr;max-width:1020px;margin:0 auto 120px}.about-wrap .floating-header-section .section-header{-ms-grid-column:1;grid-column:1;position:relative;min-width:230px;max-width:300px}.about-wrap .floating-header-section h2{margin:0;text-align:left;position:absolute}.about-wrap .floating-header-section .section-content{-ms-grid-column:2;grid-column:2;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-webkit-box-flex:2;flex-grow:2;flex-shrink:0}.about-wrap .floating-header-section .section-item{-webkit-box-flex:1;flex-grow:1;max-width:calc(50% - 30px)}.about-wrap .floating-header-section .section-item:nth-child(1),.about-wrap .floating-header-section .section-item:nth-child(2){margin-bottom:60px}.about-wrap .floating-header-section .section-item:nth-child(1):nth-last-child(2),.about-wrap .floating-header-section .section-item:nth-child(2):nth-last-child(1){margin-bottom:0}.about-wrap .floating-header-section.has-long-title{display:block}.about-wrap .floating-header-section.has-long-title .section-header{max-width:100%}.about-wrap .floating-header-section.has-long-title h2{position:static;margin-bottom:60px}.about-wrap .floating-header-section.has-long-title .section-content{-webkit-box-pack:start;justify-content:flex-start}.about-wrap .floating-header-section.has-long-title .section-item{max-width:300px;margin-bottom:0}.about-wrap .floating-header-section.has-long-title .section-item+.section-item{margin-left:60px}.about-wrap h3.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit}.about-wrap .wp-people-group{padding:0 5px;margin:0 -15px 0 -5px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-right:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:left;margin:0 10px 10px 0;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2em;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}@media screen and (max-width:1250px){.about-wrap .floating-header-section.has-long-title .section-item:nth-child(1),.about-wrap .floating-header-section.has-long-title .section-item:nth-child(2){margin:0 0 60px}.about-wrap .floating-header-section.has-long-title .section-item:nth-child(3),.about-wrap .floating-header-section.has-long-title .section-item:nth-child(4){margin:0}.about-wrap .floating-header-section.has-long-title .section-item:nth-child(2),.about-wrap .floating-header-section.has-long-title .section-item:nth-child(4){margin-left:60px}}@media screen and (max-width:782px){.about-wrap .two-col-text{-webkit-column-count:1;-moz-column-count:1;column-count:1}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:48%!important}.about-wrap .three-col img{display:block;margin:0 auto}.about-wrap .floating-header-section{display:block}.about-wrap .floating-header-section .section-content,.about-wrap .floating-header-section .section-header{max-width:100%}.about-wrap .floating-header-section h2{position:static;margin-bottom:60px}}@media only screen and (max-width:500px){.about-wrap{margin-right:20px;margin-left:10px}.about-wrap .about-text,.about-wrap h1{margin-right:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:100%!important}.about-wrap .under-the-hood.one-col .col,.about-wrap .under-the-hood.three-col .col,.about-wrap .under-the-hood.two-col .col{margin-bottom:2em;padding-bottom:0}.about-wrap .under-the-hood:nth-of-type(2n),.about-wrap .under-the-hood:nth-of-type(3n){margin-top:0}.about-wrap .under-the-hood:nth-of-type(2n) h3,.about-wrap .under-the-hood:nth-of-type(3n) h3{margin-top:0}.about-wrap .floating-header-section{margin-bottom:60px;grid-gap:30px 0}.about-wrap .inline-svg.full-width{margin-bottom:60px}.about-wrap .floating-header-section h2{word-break:break-all;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.about-wrap .floating-header-section .section-content .section-item{max-width:100%;margin:0 0 60px}} \ No newline at end of file diff --git a/wp-includes/version.php b/wp-includes/version.php index df568c5449..1ad8fbe5c5 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -4,7 +4,7 @@ * * @global string $wp_version */ -$wp_version = '5.0-alpha-42177'; +$wp_version = '5.0-alpha-42181'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.