wp/wp-includes/blocks/html/editor.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 .block-library-html__edit {
       
    72   margin-bottom: 28px;
       
    73 }
       
    74 .block-library-html__edit .block-library-html__preview-overlay {
    77 .block-library-html__edit .block-library-html__preview-overlay {
    75   position: absolute;
    78   position: absolute;
    76   width: 100%;
    79   width: 100%;
    77   height: 100%;
    80   height: 100%;
    78   top: 0;
    81   top: 0;
    79   left: 0;
    82   left: 0;
    80 }
    83 }
    81 .block-library-html__edit .block-editor-plain-text {
    84 .block-library-html__edit .block-editor-plain-text {
    82   font-family: Menlo, Consolas, monaco, monospace;
    85   font-family: Menlo, Consolas, monaco, monospace !important;
    83   color: #1e1e1e;
    86   color: #1e1e1e !important;
    84   padding: 0.8em 1em;
    87   background: #fff !important;
    85   border: 1px solid #ddd;
    88   padding: 12px !important;
    86   border-radius: 4px;
    89   border: 1px solid #1e1e1e !important;
       
    90   box-shadow: none !important;
       
    91   border-radius: 2px !important;
    87   max-height: 250px;
    92   max-height: 250px;
    88   /* Fonts smaller than 16px causes mobile safari to zoom. */
    93   /* Fonts smaller than 16px causes mobile safari to zoom. */
    89   font-size: 16px;
    94   font-size: 16px !important;
    90 }
    95 }
    91 @media (min-width: 600px) {
    96 @media (min-width: 600px) {
    92   .block-library-html__edit .block-editor-plain-text {
    97   .block-library-html__edit .block-editor-plain-text {
    93     font-size: 13px;
    98     font-size: 13px !important;
    94   }
    99   }
    95 }
   100 }
    96 .block-library-html__edit .block-editor-plain-text:focus {
   101 .block-library-html__edit .block-editor-plain-text:focus {
    97   box-shadow: none;
   102   border-color: var(--wp-admin-theme-color) !important;
       
   103   box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
       
   104   outline: 2px solid transparent !important;
    98 }
   105 }