Menu icon Foundation

Designer

My Posts


My Comments

Félix-Antoine Brunet commented on Félix-Antoine Brunet's post about 3 years

I found the problem was with UnCSS that excludes classes that are not present in the html code
So classes created by user interaction or templating (like Handlebars) are not included.
The solution is to name your classes with the .is- prefix, so that it's considered by UnCSS.
You can also change the configuration inside config.yml. Here I also want UnCSS to ignore my animation module:
# UnCSS will use these settings
UNCSS_OPTIONS:
html:
- "src/*/.html"
ignore:
- !!js/regexp .foundation-mq
- !!js/regexp .is-.*
- !!js/regexp animation..*

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Félix-Antoine Brunet's post about 3 years

I found the problem was with UnCSS that excludes classes that are not present in the html code
So classes created by user interaction or templating (like Handlebars) are not included.
The solution is to name your classes with the .is- prefix, so that it's considered by UnCSS.
You can also change the configuration inside config.yml. Here I also want UnCSS to ignore my animation module:
# UnCSS will use these settings
UNCSS_OPTIONS:
html:
- "src/*/.html"
ignore:
- !!js/regexp .foundation-mq
- !!js/regexp .is-.*
- !!js/regexp animation..*

Posts Followed

Following

  • No Content

Followers

  • No Content