_style.scss 851 B

123456789101112131415161718192021222324252627282930
  1. .wp-block-image {
  2. text-align: center;
  3. figcaption {
  4. color: #{map-deep-get($config-global, "color", "foreground", "light")};
  5. font-size: #{map-deep-get($config-global, "font", "size", "xs")};
  6. line-height: #{map-deep-get($config-global, "font", "line-height", "xs")};
  7. margin-top: calc(0.5 * #{map-deep-get($config-global, "spacing", "unit")});
  8. margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};
  9. text-align: center;
  10. }
  11. }
  12. // Remove vertical margins from image block wrappers when floated
  13. .entry-content > *[class="wp-block-image"],
  14. .entry-content [class*="inner-container"] > *[class="wp-block-image"] {
  15. margin-top: 0;
  16. margin-bottom: 0;
  17. // Remove top margins from the following element when previous image block is floated
  18. & + * {
  19. margin-top: 0;
  20. }
  21. }
  22. img {
  23. height: auto;
  24. max-width: 100%;
  25. vertical-align: middle;
  26. }