Skip to main content

Module: Element Types

This module handles lists of element types and some mixins to apply properties to those groups of elements. You'll find it in src/modules/_element-types.scss.

Lists of elements

  • $html-block-elements are elements that are set to display: block; by default.
  • $html-text-block-elements are block elements that usually contain just phrasing content, like headings and paragraphs, or some kind of list items.
  • $html-inline-block-elements are phrasing content elements that usually go as inline-blocks, like images, buttons, and form inputs.
  • $html-inline-elements are all the ususal inline-elements.

Mixins

These mixins apply properties to a group of elements, but also have optional parameters to exclude ($except) and include ($including) lists of elements at call time:

  • block-level-elements
  • inline-block-elements
  • inline-elements

Customizing element types

At the top of the module file you'll find Sass lists containing the default elements of each category. Should you need to, you may overide those lists before importing the module.