Skip to article frontmatterSkip to article content

Styling Blocks

With blocks, you can apply a class to the container of an entire section of top-level content, e.g. styling all blockquotes in a given block:

Block quotes are cool

The MyST Team

style.css
/* Style an element within a particular block */
.styled-block
  /* Select figcaptions that follow block-quotes */
  blockquote + figcaption {
  -webkit-text-stroke: 0.25px #d6f4f4;
  color: transparent;
  text-shadow:
    1px 1px 0px #07bccc,
    1.5px 1.5px 0px #e601c0,
    2px 2px 0px #e9019a,
    2.5px 2.5px 0px #f40468,
    4.5px 4.5px 1px #482896;
  cursor: pointer;
}

This page has an outer block with the class styled-block.