Making WordPress.org


Ignore:
Timestamp:
07/12/2016 10:17:26 PM (8 years ago)
Author:
obenland
Message:

Plugin Directory: Use autoprefixer for vendor prefixes.

Also adds pixel fallback for older browsers that don't understand rems.
Just to be sure.

See #1719.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss

    r3548 r3676  
    2121    .download-button {
    2222        background-color: #21759b;
    23         background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    24         background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    25         background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
    26         background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
    27         background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
    28         background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
     23        background-image: linear-gradient(to bottom, #2a95c5, #21759b);
     24        border-bottom-color: #1e6a8d;
    2925        border-color: #21759b;
    30         border-bottom-color: #1e6a8d;
    3126        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 );
    3227
     
    3429        &:focus {
    3530            background-color: #278ab7;
    36             background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    37             background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    38             background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
    39             background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
    40             background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
    41             background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
     31            background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
    4232            border-color: #1b607f;
    4333            box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     
    4838        &:active {
    4939            background: #1b607f;
    50             background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    51             background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    52             background-image: -moz-linear-gradient(top, #21759b, #278ab7);
    53             background-image: -ms-linear-gradient(top, #21759b, #278ab7);
    54             background-image: -o-linear-gradient(top, #21759b, #278ab7);
    5540            background-image: linear-gradient(to bottom, #21759b, #278ab7);
    5641            border-color: #124560 #2382ae #2382ae #2382ae;
    57             -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    5842            box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    5943            color: rgba(255,255,255,0.95);
     
    7256.site-header {
    7357    background: $color__wp-blue;
     58    padding: 16px 0;
    7459    padding: 1rem 0;
    7560    position: relative;
     
    9075        font-weight: 300;
    9176        line-height: 1;
     77        margin: 0 32px 0 0;
    9278        margin: 0 2rem 0 0;
    9379        max-width: none;
     
    10793    .site-description {
    10894        color: rgba( 255, 255, 255, 0.8);
    109         font-size: ms(2);
     95        @include font-size(ms-unitless(ms(2)));
    11096        font-weight: 300;
     97        margin: -6.4px auto 32px;
    11198        margin: -0.4rem auto 2rem;
    11299        text-align: center;
     
    148135                border-radius: 2px 0 0 2px;
    149136                @include font-size( ms-unitless( ms(-4) ) );
     137                width: 126px;
    150138                width: 7rem;
    151139            }
     
    159147        @media screen and ( min-width: 60em ) {
    160148            .search-field {
     149                width: 160px;
    161150                width: 10rem;
    162151            }
Note: See TracChangeset for help on using the changeset viewer.