Making WordPress.org

Ticket #5834: 5834.diff

File 5834.diff, 816 bytes (added by dufresnesteven, 3 years ago)

Don't use aspect-ratio but instead its generated polyfill which supports more browsers.

  • css/components/_main.scss

     
    227227        background: #fff;
    228228}
    229229
    230 .theme-browser .theme .theme-screenshot img {
     230.theme-browser .theme .theme-screenshot::before {
     231        float: left;
     232        padding-top: 75%;
     233        content: '';
     234}
     235
     236.theme-browser .theme .theme-screenshot::after {
    231237        display: block;
    232         margin: 0 auto;
    233         height: auto;
    234         max-height: 300px;
     238        content: '';
     239        clear: both;
     240}
     241
     242.theme-browser .theme .theme-screenshot > img {
     243        position: absolute;
     244        top: 0;
    235245        left: 0;
    236         position: inherit;
    237         top: 0;
     246        right: 0;
     247        bottom: 0;
     248        width: 100%;
     249        object-fit: cover;
    238250        -webkit-transform: translateZ( 0 );
    239251        transition: opacity 0.2s ease-in-out;
    240252}