Gallery Cards

CSS snippet file: MCL Gallery Cards.css

Gallery Cards CSS snippet will allow you to create image gallery and control image customisation (like rounded corner and max width). In summary this snippet will provide the following features:

  • Image gallery using callout by specifying the callout-metadata gallery e.g. > [!NOTE|gallery]
  • Image gallery using YAML/frontmatter .cssClass: image-gallery
  • Image and Mermaid Diagram Controls
    • Dimension control for images in bullet list
    • Image Zoom (via CSS)
    • Mermaid Scale and Zoom (via CSS)

Table of contents