Tidbits

Semantic slots brings context to styles

Semantic slots allow labeling of CSS property values with context friendly notation e.g. color: slot.get('body.text.primary');

Try out scss-semantic-slots and write more consistent SASS.

CSS adjacent selector (+)

The + selector will apply style to the element immediately following the + selector. In the example below the p tag immediately following the h1 tag will have top margin.