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.