wp/wp-includes/blocks/search/style-rtl.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
    39 /**
    39 /**
    40  * React Native specific.
    40  * React Native specific.
    41  * These variables do not appear to be used anywhere else.
    41  * These variables do not appear to be used anywhere else.
    42  */
    42  */
    43 /**
    43 /**
       
    44 *  Converts a hex value into the rgb equivalent.
       
    45 *
       
    46 * @param {string} hex - the hexadecimal value to convert
       
    47 * @return {string} comma separated rgb values
       
    48 */
       
    49 /**
    44  * Breakpoint mixins
    50  * Breakpoint mixins
    45  */
    51  */
    46 /**
    52 /**
    47  * Long content fade mixin
    53  * Long content fade mixin
    48  *
    54  *
    66  * This is a WP-admin agnostic reset
    72  * This is a WP-admin agnostic reset
    67  */
    73  */
    68 /**
    74 /**
    69  * Reset the WP Admin page styles for Gutenberg-like pages.
    75  * Reset the WP Admin page styles for Gutenberg-like pages.
    70  */
    76  */
    71 .wp-block-search .wp-block-search__button {
    77 .wp-block-search__button {
    72   background: #f7f7f7;
    78   background: #f7f7f7;
    73   border: 1px solid #ccc;
    79   border: 1px solid #ccc;
    74   padding: 0.375em 0.625em;
    80   padding: 0.375em 0.625em;
    75   color: #32373c;
    81   color: #32373c;
    76   margin-right: 0.625em;
    82   margin-right: 0.625em;
    77   word-break: normal;
    83   word-break: normal;
       
    84   font-size: inherit;
       
    85   font-family: inherit;
       
    86   line-height: inherit;
    78 }
    87 }
    79 .wp-block-search .wp-block-search__button.has-icon {
    88 .wp-block-search__button.has-icon {
    80   line-height: 0;
    89   line-height: 0;
    81 }
    90 }
    82 .wp-block-search .wp-block-search__button svg {
    91 .wp-block-search__button svg {
    83   min-width: 1.5em;
    92   min-width: 1.5em;
    84   min-height: 1.5em;
    93   min-height: 1.5em;
       
    94   fill: currentColor;
    85 }
    95 }
    86 .wp-block-search .wp-block-search__inside-wrapper {
    96 
       
    97 .wp-block-search__inside-wrapper {
    87   display: flex;
    98   display: flex;
    88   flex: auto;
    99   flex: auto;
    89   flex-wrap: nowrap;
   100   flex-wrap: nowrap;
    90   max-width: 100%;
   101   max-width: 100%;
    91 }
   102 }
    92 .wp-block-search .wp-block-search__label {
   103 
       
   104 .wp-block-search__label {
    93   width: 100%;
   105   width: 100%;
    94 }
   106 }
    95 .wp-block-search .wp-block-search__input {
   107 
       
   108 .wp-block-search__input {
       
   109   padding: 8px;
    96   flex-grow: 1;
   110   flex-grow: 1;
    97   min-width: 3em;
   111   min-width: 3em;
    98   border: 1px solid #949494;
   112   border: 1px solid #949494;
       
   113   font-size: inherit;
       
   114   font-family: inherit;
       
   115   line-height: inherit;
    99 }
   116 }
       
   117 
   100 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   118 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   101   margin-right: 0;
   119   margin-right: 0;
   102 }
   120 }
       
   121 
   103 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
   122 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
   104   padding: 4px;
   123   padding: 4px;
   105   border: 1px solid #949494;
   124   border: 1px solid #949494;
   106 }
   125 }
   107 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
   126 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
   113   outline: none;
   132   outline: none;
   114 }
   133 }
   115 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
   134 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
   116   padding: 0.125em 0.5em;
   135   padding: 0.125em 0.5em;
   117 }
   136 }
       
   137 
   118 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {
   138 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {
   119   margin: auto;
   139   margin: auto;
   120 }
   140 }