captions.css

/* -------------- Captions -------------- */
.caption {
  margin-bottom: 1.2em;
}
.caption > * {
  padding: 0.5ex;
  border: 1px solid #ccc;
  background: #f3f3f3;
}
.caption > figcaption {
  padding-top: 0.5ex;
  text-align: center;
  border: 1px solid #ccc;
  border-top: none;
  font-size: small;
}

/* Override Bartik's default blockquote and pre styles when captioned. */
.caption-pre > pre,
.caption-blockquote > blockquote {
  margin: 0;
}
.caption-blockquote > figcaption::before {
  content: "— ";
}
.caption-blockquote > figcaption {
  text-align: left; /* LTR */
}
[dir="rtl"] .caption-blockquote > figcaption {
  text-align: right;
}

File

View on git.drupalcode.org

core/themes/bartik/css/components/captions.css

View source 
  1. /* -------------- Captions -------------- */

  2. .caption {

  3.   margin-bottom: 1.2em;

  4. }

  5. .caption > * {

  6.   padding: 0.5ex;

  7.   border: 1px solid #ccc;

  8.   background: #f3f3f3;

  9. }

  10. .caption > figcaption {

  11.   padding-top: 0.5ex;

  12.   text-align: center;

  13.   border: 1px solid #ccc;

  14.   border-top: none;

  15.   font-size: small;

  16. }

  17. 

  18. /* Override Bartik's default blockquote and pre styles when captioned. */

  19. .caption-pre > pre,

  20. .caption-blockquote > blockquote {

  21.   margin: 0;

  22. }

  23. .caption-blockquote > figcaption::before {

  24.   content: "— ";

  25. }

  26. .caption-blockquote > figcaption {

  27.   text-align: left; /* LTR */

  28. }

  29. [dir="rtl"] .caption-blockquote > figcaption {

  30.   text-align: right;

  31. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.