Created by: petetalksweb
Addresses Issue #685 (closed)
I found a placeholder selector: %no-list-style
, that seems to be used in a number of places. I thought, that I could just add the proposed CSS from the blog post linked in the issue, to %no-list-style
, and be done.
Unfortunately, the table of contents applies list-style: none
via a media query, and SASS does not let you extend a placeholder selector inside of a media query, so I went with the solution suggested here, and:
- Made a mixin:
no-list-style-mixin
with all of the properties of theno-list-style
placeholder selector - Added the proposed CSS solution to the
no-list-style-mixin
- Replaced the content of the
no-list-style
placeholder selector withno-list-style-mixin
, so that the mixin is used wherever the placeholder selector is currently used - Added the
no-list-style-mixin
to the.toc
class to apply to the table of contents, since you can use mixins inside of media queries