aleph1.co.uk Git - yaffs-website/blob - web/core/modules/filter/css/filter.caption.css

   1 /**
   2  * @file
   3  * Caption filter: default styling for displaying image captions.
   4  */
   5
   6 /**
   7  * Essentials, based on http://stackoverflow.com/a/13363408.
   8  */
   9 .caption {
  10   display: table;
  11 }
  12 .caption > * {
  13   display: block;
  14   max-width: 100%;
  15 }
  16 .caption > figcaption {
  17   display: table-caption;
  18   caption-side: bottom;
  19   max-width: none;
  20 }
  21
  22 /**
  23  * While editing and whenever the caption is empty, show a placeholder.
  24  *
  25  * Based on http://codepen.io/flesler/pen/AEIFc.
  26  */
  27 .caption > figcaption[contenteditable=true]:empty:before {
  28   content: attr(data-placeholder);
  29   font-style: italic;
  30 }