wp/wp-includes/blocks/image/style.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  *
    70  */
    76  */
    71 .wp-block-image {
    77 .wp-block-image {
    72   margin: 0 0 1em 0;
    78   margin: 0 0 1em 0;
    73 }
    79 }
    74 .wp-block-image img {
    80 .wp-block-image img {
       
    81   height: auto;
    75   max-width: 100%;
    82   max-width: 100%;
       
    83   vertical-align: bottom;
    76 }
    84 }
       
    85 .wp-block-image:not(.is-style-rounded) > a,
    77 .wp-block-image:not(.is-style-rounded) img {
    86 .wp-block-image:not(.is-style-rounded) img {
    78   border-radius: inherit;
    87   border-radius: inherit;
    79 }
    88 }
    80 .wp-block-image.aligncenter {
    89 .wp-block-image.aligncenter {
    81   text-align: center;
    90   text-align: center;
    82 }
    91 }
    83 .wp-block-image.alignfull img, .wp-block-image.alignwide img {
    92 .wp-block-image.alignfull img, .wp-block-image.alignwide img {
       
    93   height: auto;
    84   width: 100%;
    94   width: 100%;
    85 }
    95 }
       
    96 .wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter,
    86 .wp-block-image .alignleft,
    97 .wp-block-image .alignleft,
    87 .wp-block-image .alignright,
    98 .wp-block-image .alignright,
    88 .wp-block-image .aligncenter {
    99 .wp-block-image .aligncenter {
    89   display: table;
   100   display: table;
    90 }
   101 }
       
   102 .wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption, .wp-block-image.aligncenter > figcaption,
    91 .wp-block-image .alignleft > figcaption,
   103 .wp-block-image .alignleft > figcaption,
    92 .wp-block-image .alignright > figcaption,
   104 .wp-block-image .alignright > figcaption,
    93 .wp-block-image .aligncenter > figcaption {
   105 .wp-block-image .aligncenter > figcaption {
    94   display: table-caption;
   106   display: table-caption;
    95   caption-side: bottom;
   107   caption-side: bottom;
   118 }
   130 }
   119 .wp-block-image figcaption {
   131 .wp-block-image figcaption {
   120   margin-top: 0.5em;
   132   margin-top: 0.5em;
   121   margin-bottom: 1em;
   133   margin-bottom: 1em;
   122 }
   134 }
   123 .wp-block-image.is-style-rounded img {
   135 .wp-block-image.is-style-rounded img,
       
   136 .wp-block-image .is-style-rounded img {
   124   border-radius: 9999px;
   137   border-radius: 9999px;
   125 }
   138 }
   126 .wp-block-image.is-style-circle-mask img {
   139 .wp-block-image.is-style-circle-mask img {
   127   border-radius: 9999px;
   140   border-radius: 9999px;
   128 }
   141 }