Changeset 7016

Timestamp:

04/03/2018 11:21:42 PM (7 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;
 }