PurgeCss whitelist doesnt ignore vue-loading-overlay component's css #2116
Unanswered
KostaVuckovic
asked this question in
Help
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I have an issue with purgecss, vue-loading-overlay component that I downloaded from npm, work in development mode, but when I put it on netlify, purgecss somehow delete css from that component. I added class names from vue-loading.css to whitelist [/vue-loading-overlay/, /vld-overlay/, /is-active/, /is-full-page/, /vld-background/, /vld-icon/, /vld-parent/], but it doesn't work. I also added comments for ignore in that css file, but unlucky. Is there any reason why this doesn't work, maybe there are any rules for components?
Here is link of postcss.config.js: https://github.com/KostaVuckovic/vue-movie-app/blob/master/postcss.config.js
And, this is css from that file:
.vld-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
align-items: center;
display: none;
justify-content: center;
overflow: hidden;
z-index: 9999;
}
.vld-overlay.is-active {
display: flex;
}
.vld-overlay.is-full-page {
z-index: 9999;
position: fixed;
}
.vld-overlay .vld-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: #fff;
opacity: 0.5;
}
.vld-overlay .vld-icon, .vld-parent {
position: relative;
}
Beta Was this translation helpful? Give feedback.
All reactions