Block

Block classes are used for any contents grouping multiple paragraphs, such as blockquotes or lists. They provide the same settings as paragraph classes. The top and bottom margins of a block will be applied to its first and last paragraph.

Selectors

  • Definitions:

    • block-quote

    • block-code

    • block-raw

    • block-comment

  • Generic:

    • block-all: Matches any block content. This includes also list.

  • See also: List

Style Settings

See also: Paragraph, Inline

Pseudoclasses

See also: Paragraph, Inline

Example

// Indent all blocks. Increase indenting for nested blocks.
block-all {
  margin-left: 2em
}