Make WordPress Core

Ticket #39073: 39073.2.patch

File 39073.2.patch, 1.7 KB (added by davidakennedy, 7 years ago)

Fixes specificity problem with @supports statement.

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

     
    16901690        transform: translateX(-50%) translateY(-50%);
    16911691}
    16921692
    1693 /* For browsers that support 'object-fit' */
    1694 @supports ( object-fit: cover ) {
    1695         .has-header-image .custom-header-media img,
    1696         .has-header-video .custom-header-media video,
    1697         .has-header-video .custom-header-media iframe {
    1698                 height: 100%;
    1699                 left: 0;
    1700                 -o-object-fit: cover;
    1701                 object-fit: cover;
    1702                 top: 0;
    1703                 -ms-transform: none;
    1704                 -moz-transform: none;
    1705                 -webkit-transform: none;
    1706                 transform: none;
    1707                 width: 100%;
    1708         }
    1709 }
    1710 
    17111693.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
    17121694        background-color: rgba(34, 34, 34, 0.5);
    17131695        border: 1px solid rgba(255, 255, 255, 0.6);
     
    17441726        transform: translateX(-50%) translateY(0);
    17451727}
    17461728
     1729/* For browsers that support 'object-fit' */
     1730@supports ( object-fit: cover ) {
     1731        .has-header-image .custom-header-media img,
     1732        .has-header-video .custom-header-media video,
     1733        .has-header-video .custom-header-media iframe,
     1734        .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
     1735                height: 100%;
     1736                left: 0;
     1737                -o-object-fit: cover;
     1738                object-fit: cover;
     1739                top: 0;
     1740                -ms-transform: none;
     1741                -moz-transform: none;
     1742                -webkit-transform: none;
     1743                transform: none;
     1744                width: 100%;
     1745        }
     1746}
     1747
    17471748/* Hides div in Customizer preview when header images or videos change. */
    17481749
    17491750body:not(.has-header-image):not(.has-header-video) .custom-header-media {