Making WordPress.org

Changeset 7016


Ignore:
Timestamp:
04/03/2018 11:21:42 PM (6 years ago)
Author:
iandunn
Message:

WP15: Add fallback styles for older browsers.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wp15.wordpress.net/public_html/content/themes/twentyseventeen-wp15/style.css

    r7014 r7016  
    5959 * Header
    6060 */
    61 .site-header {
    62     display: grid;
    63     grid-template-rows: auto 70px;
    64     grid-template-columns: auto 300px;
     61@supports( display: grid ) {
     62    .site-header {
     63        display: grid;
     64        grid-template-rows: auto 70px;
     65        grid-template-columns: auto 300px;
     66    }
    6567}
    6668
    6769.custom-header {
    68     grid-column: 1 / span 2;
    69     grid-row: 1;
     70    height: 400px;
    7071    margin-bottom: 0 !important;
    7172    background-color: #00A0D2;
     
    7576}
    7677
     78@supports( display: grid ) {
     79    .custom-header {
     80        grid-column: 1 / span 2;
     81        grid-row: 1;
     82    }
     83}
     84
    7785.home .custom-header {
    7886    height: calc( 100vh - 105px );
     
    8593
    8694.site-branding {
    87     display: flex;
    88     justify-content: center;
    89     flex-direction: column;
     95    text-align: center;
    9096    height: 100%;
    9197    min-height: 300px;
     98}
     99
     100@supports( display: flex ) {
     101    .site-branding {
     102        display: flex;
     103        justify-content: center;
     104        flex-direction: column;
     105    }
    92106}
    93107
     
    106120.custom-logo-link img {
    107121    max-width: 300px;
    108     max-height: none;
     122    max-height: 218px;
    109123}
    110124
Note: See TracChangeset for help on using the changeset viewer.