Changeset 7016

Timestamp:

04/03/2018 11:21:42 PM (8 years ago)

Author:

iandunn

Message:

WP15: Add fallback styles for older browsers.

File:

• sites/trunk/wp15.wordpress.net/public_html/content/themes/twentyseventeen-wp15/style.css (modified) (4 diffs)

sites/trunk/wp15.wordpress.net/public_html/content/themes/twentyseventeen-wp15/style.css

@@ -59 +59 @@
  * Header
  */
-.site-header {
-        display: grid;
-        grid-template-rows: auto 70px;
-        grid-template-columns: auto 300px;
+@supports( display: grid ) {
+        .site-header {
+                display: grid;
+                grid-template-rows: auto 70px;
+                grid-template-columns: auto 300px;
+        }
 }
 
 .custom-header {
-        grid-column: 1 / span 2;
-        grid-row: 1;
+        height: 400px;
         margin-bottom: 0 !important;
         background-color: #00A0D2;
@@ -75 +76 @@
 }
 
+@supports( display: grid ) {
+        .custom-header {
+                grid-column: 1 / span 2;
+                grid-row: 1;
+        }
+}
+
 .home .custom-header {
         height: calc( 100vh - 105px );
@@ -85 +93 @@
 
 .site-branding {
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
+        text-align: center;
         height: 100%;
         min-height: 300px;
+}
+
+@supports( display: flex ) {
+        .site-branding {
+                display: flex;
+                justify-content: center;
+                flex-direction: column;
+        }
 }
 
@@ -106 +120 @@
 .custom-logo-link img {
         max-width: 300px;
-        max-height: none;
+        max-height: 218px;
 }