Changeset 3843 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss

Timestamp:

08/23/2016 05:22:16 PM (9 years ago)

Author:

obenland

Message:

Plugin Directory: Add focus styles to search button.

Also consolidates search form stiles in its own module.

See #1841.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss (modified) (2 diffs)

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

@@ -100 +100 @@
     }
 
-    .search-form {
-        display: inline-block;
-        font-size: 0;
-        width: 100%;
-
-        .search-field {
-            border: 0;
-            border-radius: 2px;
-            @include font-size( ms-unitless( ms(0) ) );
-            padding: 5px 10px;
-            position: relative;
-            width: 100%;
-        }
-
-        .search-field + .button-search {
-            border-left: none;
-            border-radius: 0 2px 2px 0;
-            @include font-size( ms-unitless( ms(0) ) );
-            display: none;
-            vertical-align: bottom;
-
-            &:active {
-                background: #006799;
-                border-right: 1px solid #006799;
-                box-shadow: none;
-            }
-
-            .dashicons {
-                @include font-size( ms-unitless( ms(0) ) );
-            }
-        }
-
-        @media screen and ( min-width: $ms-breakpoint ) {
-            .search-field {
-                border-radius: 2px 0 0 2px;
-                @include font-size( ms-unitless( ms(-4) ) );
-                width: 126px;
-                width: 7rem;
-            }
-
-            .search-field + .button-search {
-                display: inline-block;
-                margin-bottom: 0;
-            }
-        }
-
-        @media screen and ( min-width: 60em ) {
-            .search-field {
-                width: 160px;
-                width: 10rem;
-            }
-        }
-    }
-
     &.home {
         padding: ms(4) ms(1);
@@ -164 +110 @@
             margin: 2rem 0 1rem;
         }
-
-        .search-form {
-            margin-bottom: 32px;
-            margin-bottom: 2rem;
-            max-width: 100%;
-            position: relative;
-            width: initial;
-
-            .search-field {
-                border: none;
-                border-radius: 0;
-                box-shadow: none;
-                display: block;
-                @include font-size( ms-unitless( ms(0) ) );
-                margin: 0 auto;
-                max-width: 100%;
-                padding: 8px;
-                padding: 0.5rem;
-                width: ms(28);
-            }
-
-            .button-search {
-                background: transparent;
-                border: none;
-                box-shadow: none;
-                color: $color__text-input;
-                display: block;
-                height: 45px;
-                padding: 8px 16px;
-                padding: 0.5rem 1rem;
-                position: absolute;
-                right: 0;
-                text-shadow: none;
-                top: 0;
-
-                &:active {
-                    background: transparent;
-                    border: none;
-                    transform: none;
-                }
-            }
-        }
     }
 }