wp/wp-includes/blocks/image/editor.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
    38  */
    38  */
    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 /**
       
    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 */
    43 /**
    49 /**
    44  * Breakpoint mixins
    50  * Breakpoint mixins
    45  */
    51  */
    46 /**
    52 /**
    47  * Long content fade mixin
    53  * Long content fade mixin
    86   top: 50%;
    92   top: 50%;
    87   left: 50%;
    93   left: 50%;
    88   margin-top: -9px;
    94   margin-top: -9px;
    89   margin-left: -9px;
    95   margin-left: -9px;
    90 }
    96 }
    91 .wp-block-image:not(.is-style-rounded) > div {
    97 .wp-block-image:not(.is-style-rounded) > div:not(.components-placeholder) {
    92   border-radius: inherit;
    98   border-radius: inherit;
    93 }
    99 }
    94 
   100 
    95 .wp-block-image .components-resizable-box__container {
   101 .wp-block-image .components-resizable-box__container {
    96   display: inline-block;
   102   display: inline-block;
   113   }
   119   }
   114 }
   120 }
   115 
   121 
   116 [data-align=wide] > .wp-block-image img,
   122 [data-align=wide] > .wp-block-image img,
   117 [data-align=full] > .wp-block-image img {
   123 [data-align=full] > .wp-block-image img {
       
   124   height: auto;
   118   width: 100%;
   125   width: 100%;
   119 }
   126 }
   120 
   127 
   121 .wp-block[data-align=left] > .wp-block-image,
   128 .wp-block[data-align=left] > .wp-block-image,
   122 .wp-block[data-align=center] > .wp-block-image,
   129 .wp-block[data-align=center] > .wp-block-image,