Ticket #38472: 38472.patch

src/wp-content/themes/twentyseventeen/assets/css/ie8.css

@@ -3 +3 @@
 Description: IE8 specific style.
 */
 
+body {
+        font-size: 16px;
+}
 
 h1 {
         font-size: 30px;
@@ -35 +38 @@
         font-size: 1rem;
 }
 
+img {
+        width: inherit;  /* Make images fill their parent's space. */
+}
+
+/* Fixes linked images */
+.entry-content a img,
+.widget a img {
+        filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff);
+}
+
+/* Layout */
+
+.site-content {
+    padding: 6.5em 0 0;
+}
+
 /* Site Branding */
 
+.custom-header {
+        overflow: hidden;
+}
+
+.custom-header-image {
+        background-position: bottom center;
+}
+
+.site-branding {
+        padding: 45px 0;
+}
+
 .site-title {
+        font-size: 36px;
         font-weight: bolder;
 }
 
+.site-description {
+        font-size: 16px;
+}
+
 /* Main Navigation */
 
+.navigation-top {
+        background: #fff;
+        position: relative;
+        z-index: 10;
+}
+
 .menu-toggle {
         width: 150px;
 }
@@ -52 +94 @@
         padding: 0;
 }
 
+.no-svg .dropdown-toggle {
+        padding: 0.25em 0 0;
+}
+
+.no-svg .dropdown-toggle.toggled-on {
+        padding: 0.75em 0 0;
+}
+
 .dropdown-toggle .svg-fallback.icon-expand {
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";
 }
@@ -62 +112 @@
 
 /* Front Page */
 
-.custom-header-image,
+.twentyseventeen-front-page.has-header-image .custom-header,
+.blog.home.has-header-image .custom-header,
 .panel-image {
-        height: 1000px;
-        max-height: 1000px;
+        height: 800px;
+        max-height: 800px;
         padding-top: 0;
 }
 
+.twentyseventeen-front-page .custom-header-image,
+.blog.home .custom-header-image {
+        background-position: center center;
+}
+
+.twentyseventeen-front-page.has-header-image .site-branding,
+.home.blog.has-header-image .site-branding {
+        bottom: 20px;
+        position: absolute;
+        width: 100%;
+}
+
 .page .panel-content .entry-title,
 .page-title,
 .page .entry-title {
@@ -81 +144 @@
 
 /* Posts */
 
+.blog .site-main > article,
+.archive .site-main > article,
+.search .site-main > article {
+    padding-bottom: 4em;
+}
+
 time.updated {
         display: none;
 }
@@ -93 +162 @@
         padding-top: 0;
 }
 
-.blog .post,
-.archive .post,
-.search .post,
-.search .page {
-        padding-bottom: 4em;
+.single-post .entry-title,
+.page .entry-title,
+.entry-meta + .entry-title {
+        font-size: 26px;
+        font-weight: normal;
+        letter-spacing: normal;
+        padding-top: 0;
+        text-transform: none;
 }
 
+.entry-footer .cat-links,
+.entry-footer .tags-links {
+        padding-left: 0;
+}
+
 .comment-author .avatar {
         z-index: -1;
 }
 
-img {
-        width: inherit;  /* Make images fill their parent's space. */
+ol.children .children {
+        padding-left: 2em;
 }
 
-/* Fixes linked images */
-.entry-content a img,
-.widget a img {
-        filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#fff);
+/* RTL Styles */
+
+.rtl .entry-footer .cat-links,
+.rtl .entry-footer .tags-links {
+        padding-right: 0;
 }
+
+.rtl ol.children .children {
+        padding-left: 0;
+        padding-right: 2em;
+}
+ No newline at end of file

src/wp-content/themes/twentyseventeen/rtl.css

@@ -246 +246 @@
         text-align: right;
 }
 
+/* SVG Fallback */
+
+.no-svg .dropdown-toggle {
+        left: 0;
+        right: auto;
+}
+
 /* Media queries */
 
 @media screen and (min-width: 48em) {

src/wp-content/themes/twentyseventeen/style.css

@@ -3017 +3017 @@
         display: inline-block;
 }
 
+.no-svg .dropdown-toggle {
+        padding: 0.5em 0 0;
+        right: 0;
+        text-align: center;
+        width: 2em;
+}
+
 .no-svg .dropdown-toggle .svg-fallback.icon-expand {
-        font-size: 16px;
-        font-size: 1em;
-        font-weight: 400;
-        line-height: 2.5em;
-        position: absolute;
-        top: 8px;
+        font-size: 20px;
+        font-size: 1.25rem;
+        font-weight: normal;
+        line-height: 1;
         -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
         -ms-transform: rotate(180deg); /* IE 9 */
         transform: rotate(180deg);
@@ -3037 +3042 @@
 
 .no-svg .dropdown-toggle .svg-fallback.icon-expand:before {
         content: "\005E";
-        display: block;
-        height: 25px;
-        text-align: center;
-        width: 20px;
 }
 
 /* Social Menu fallbacks */