diff --git a/packages/block-library/src/search/style.scss b/packages/block-library/src/search/style.scss index f857085aa972d..da8ca3e866aa8 100644 --- a/packages/block-library/src/search/style.scss +++ b/packages/block-library/src/search/style.scss @@ -1,69 +1,71 @@ -.wp-block-search { +.wp-block-search__button { + background: #f7f7f7; + border: 1px solid #ccc; + padding: 0.375em 0.625em; + color: #32373c; + margin-left: 0.625em; + word-break: normal; + font-size: inherit; + font-family: inherit; + line-height: inherit; - .wp-block-search__button { - background: #f7f7f7; - border: 1px solid #ccc; - padding: 0.375em 0.625em; - color: #32373c; - margin-left: 0.625em; - word-break: normal; - - &.has-icon { - line-height: 0; - } - - svg { - min-width: 1.5em; - min-height: 1.5em; - fill: currentColor; - } + &.has-icon { + line-height: 0; } - .wp-block-search__inside-wrapper { - display: flex; - flex: auto; - flex-wrap: nowrap; - max-width: 100%; + svg { + min-width: 1.5em; + min-height: 1.5em; + fill: currentColor; } +} - .wp-block-search__label { - width: 100%; - } +.wp-block-search__inside-wrapper { + display: flex; + flex: auto; + flex-wrap: nowrap; + max-width: 100%; +} - .wp-block-search__input { - padding: 8px; - flex-grow: 1; - min-width: 3em; - border: 1px solid #949494; - } +.wp-block-search__label { + width: 100%; +} - &.wp-block-search__button-only { - .wp-block-search__button { - margin-left: 0; - } - } +.wp-block-search__input { + padding: 8px; + flex-grow: 1; + min-width: 3em; + border: 1px solid #949494; + font-size: inherit; + font-family: inherit; + line-height: inherit; +} - &.wp-block-search__button-inside .wp-block-search__inside-wrapper { - padding: 4px; - border: 1px solid #949494; +.wp-block-search.wp-block-search__button-only { + .wp-block-search__button { + margin-left: 0; + } +} - .wp-block-search__input { - border-radius: 0; - border: none; - padding: 0 0 0 0.25em; +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; + border: 1px solid #949494; - &:focus { - outline: none; - } - } + .wp-block-search__input { + border-radius: 0; + border: none; + padding: 0 0 0 0.25em; - .wp-block-search__button { - padding: 0.125em 0.5em; + &:focus { + outline: none; } } - &.aligncenter .wp-block-search__inside-wrapper { - margin: auto; + .wp-block-search__button { + padding: 0.125em 0.5em; } } +.wp-block-search.aligncenter .wp-block-search__inside-wrapper { + margin: auto; +}