_style.scss 869 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .wp-block-image {
  2. text-align: center;
  3. figcaption {
  4. color: var(--global--color-foreground-low-contrast);
  5. font-size: var(--global--font-size-xs);
  6. line-height: var(--global--line-height-body);
  7. margin-top: calc(0.5 * var(--global--spacing-unit));
  8. margin-bottom: var(--global--spacing-unit);
  9. text-align: center;
  10. }
  11. .alignright {
  12. margin-left: var(--global--spacing-horizontal);
  13. }
  14. .alignleft {
  15. margin-right: var(--global--spacing-horizontal);
  16. }
  17. }
  18. // Remove vertical margins from image block wrappers when floated
  19. .entry-content > *[class="wp-block-image"],
  20. .entry-content [class*="inner-container"] > *[class="wp-block-image"] {
  21. margin-top: 0;
  22. margin-bottom: 0;
  23. // Remove top margins from the following element when previous image block is floated
  24. & + * {
  25. margin-top: 0;
  26. }
  27. }
  28. img {
  29. height: auto;
  30. max-width: 100%;
  31. vertical-align: middle;
  32. }