About page: Imagery and beautification.
Still to come: responsive images, optimized videos, and CDN URLs. props melchoyce, helen, ramiabraham. see #38616. Built from https://develop.svn.wordpress.org/trunk@39512 git-svn-id: http://core.svn.wordpress.org/trunk@39452 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
@@ -40,6 +40,7 @@
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.about-wrap .jetpack-video-wrapper {
|
||||
@@ -93,7 +94,7 @@
|
||||
}
|
||||
|
||||
.about-wrap .feature-section p {
|
||||
max-width: 38em;
|
||||
max-width: 55em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@@ -108,8 +109,8 @@
|
||||
}
|
||||
|
||||
.about-wrap h2 {
|
||||
margin: 50px 0 1em;
|
||||
font-size: 1.8em;
|
||||
margin: 40px 0 .6em;
|
||||
font-size: 2.7em;
|
||||
line-height: 1.3;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
@@ -117,7 +118,7 @@
|
||||
|
||||
.about-wrap h3 {
|
||||
margin: 1.25em 0 .6em;
|
||||
font-size: 1.25em;
|
||||
font-size: 1.4em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@@ -125,6 +126,12 @@
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
.about-wrap .changelog h2 {
|
||||
font-size: 1.4em;
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.about-wrap .changelog h3 {
|
||||
margin: 1.33em 0;
|
||||
font-size: 1em;
|
||||
@@ -193,11 +200,6 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.about-wrap .under-the-hood:nth-of-type(2n),
|
||||
.about-wrap .under-the-hood:nth-of-type(3n) {
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.about-wrap .feature-video .mejs-controls {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -227,19 +229,6 @@
|
||||
|
||||
/* 2.1 - Typography */
|
||||
|
||||
.about-wrap .headline-feature h2 {
|
||||
margin: 30px 0 30px;
|
||||
font-size: 2.2em;
|
||||
font-weight: 300;
|
||||
line-height: 1.3;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature h3 {
|
||||
margin-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.two-col h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -253,6 +242,11 @@
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
.about-wrap .lead-description {
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.about-wrap .two-col-text {
|
||||
-webkit-column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
@@ -300,6 +294,10 @@
|
||||
padding: 0 0 40px;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.no-heading {
|
||||
padding-top: 35px;
|
||||
}
|
||||
|
||||
.about-wrap .headline-feature {
|
||||
margin: 0 auto;
|
||||
max-width: 80%;
|
||||
@@ -309,6 +307,10 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section img {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.about-wrap .embed-container {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user