Making WordPress.org


Ignore:
Timestamp:
05/25/2016 04:36:25 PM (8 years ago)
Author:
obenland
Message:

Plugin Directory: Complete navigation styles, including for desktop.

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

    r3229 r3251  
    6464
    6565.site-header {
     66    background: $color__wp-blue;
    6667    padding: 1rem 0;
    67     background: $color__wp-blue;
     68    position: relative;
    6869
    6970    .site-branding {
     
    100101
    101102    .search-form {
    102         margin-bottom: 2rem;
     103        display: inline-block;
    103104
    104105        .search-field {
    105106            -webkit-appearance: none;
    106             border: none;
    107             display: block;
    108             margin: 0 auto;
    109             max-width: 100%;
    110             padding: 0.5rem;
    111             width: ms(28);
     107            border: 0;
     108            border-radius: 2px;
     109            @include font-size( ms-unitless( ms(0) ) );
     110            padding: 5px 10px;
     111            position: relative;
     112            width: 10rem;
    112113        }
    113114
    114         .search-submit {
     115        .search-field + .button-search {
    115116            display: none;
     117            border-radius: 0 2px 2px 0;
     118            height: 32px;
     119            margin-left: -6px;
     120            position: relative;
     121            top: 2px;
     122            border-left: none;
     123
     124            &:active {
     125                top: 0;
     126                border-right: 1px solid #006799;
     127                box-shadow: none;
     128                background: #006799;
     129            }
     130
     131            .dashicons {
     132                @include font-size( ms-unitless( ms(0) ) );
     133            }
     134        }
     135
     136        @media ( min-width: 67rem ) {
     137            .search-field {
     138                border-radius: 2px 0 0 2px;
     139                @include font-size( ms-unitless( ms(-4) ) );
     140            }
     141
     142            .search-field + .button-search {
     143                display: inline-block;
     144            }
    116145        }
    117146    }
     
    127156            text-align: center;
    128157        }
     158
     159        .search-form {
     160            display: inherit;
     161            margin-bottom: 2rem;
     162
     163            .search-field {
     164                border: none;
     165                border-radius: 0;
     166                display: block;
     167                font-size: inherit;
     168                margin: 0 auto;
     169                max-width: 100%;
     170                padding: 0.5rem;
     171                width: ms(28);
     172            }
     173
     174            .button-search {
     175                display: none;
     176            }
     177        }
    129178    }
    130179}
Note: See TracChangeset for help on using the changeset viewer.