1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- .wp-block-search {
- &.wp-block-search__button-inside {
- .wp-block-search__inside-wrapper{
- padding: 0;
- .wp-block-search__button {
- padding: var(--button--padding-vertical) var(--button--padding-horizontal);
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- margin: -1px -1px -1px 0;
- }
- }
- &:not(.wp-block-search__icon-button) {
- .wp-block-search__inside-wrapper{
- border-radius: var(--button--border-radius);
- }
- }
- &.wp-block-search__icon-button {
- .wp-block-search__inside-wrapper{
- flex-direction: row-reverse;
- padding-left: 0;
- border: none;
- border-bottom: var(--form--border-width) solid var(--form--border-color);
- }
-
- .wp-block-search__input {
- border: none;
- padding: 0 0 0 10px;
- }
-
- .wp-block-search__button {
- &.has-icon {
- margin-left: 0;
- background: transparent;
- color: var(--form--border-color);
- padding: 0;
- border: none;
- }
- }
- }
- }
- .wp-block-search__inside-wrapper {
- color: var(--global--color-secondary);
- align-items: center;
- }
- .wp-block-search__label {
- margin-bottom: 1rem;
- }
- .wp-block-search__input {
- color: var(--form--color-text);
- margin-right: calc( .1 * var(--global--spacing-horizontal));
- border: none;
- border-bottom: var(--form--border-width) solid var(--form--border-color);
- }
- }
|