wp/wp-includes/blocks/image/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  *
    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;
   114 }
   126 }
   115 .wp-block-image figcaption {
   127 .wp-block-image figcaption {
   116   margin-top: 0.5em;
   128   margin-top: 0.5em;
   117   margin-bottom: 1em;
   129   margin-bottom: 1em;
   118 }
   130 }
   119 .wp-block-image.is-style-rounded img {
   131 .wp-block-image.is-style-rounded img,
       
   132 .wp-block-image .is-style-rounded img {
   120   border-radius: 9999px;
   133   border-radius: 9999px;
   121 }
   134 }
   122 .wp-block-image.is-style-circle-mask img {
   135 .wp-block-image.is-style-circle-mask img {
   123   border-radius: 9999px;
   136   border-radius: 9999px;
   124 }
   137 }