purifycss / purifycss

Remove unused CSS. Also works with single-page apps.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Question] PurifyCSS remove Tooltipster theme

Kristinita opened this issue · comments

1. Summary

I don't understand, what I can do, that PurifyCSS don't remove my theme for Tooltipster.

For another CSS PurifyCSS worked as expected.

2. Settings

1. PurifyCSS

1.2.5 version.

2. Tooltipster theme

Part of my sublime-text.css file — my Tooltipster theme:

.tooltipster-punk-purple .tooltipster-box {
  border-bottom: 3px solid #ffa500;
  background: #800080;
}
.tooltipster-punk-aquamarine .tooltipster-box {
  border-bottom: 3px solid #ff69b4;
  background: #228b22;
}

3. Head

Part of head of one of my HTML files:

<script src="//cdn.jsdelivr.net/jquery.tooltipster/latest/js/tooltipster.bundle.min.js" defer></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.tooltipster/latest/css/tooltipster.bundle.min.css" />
<link rel="stylesheet" href="../theme/node_modules/tooltipster/dist/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-punk.min.css" />
<script src="../theme/js/Tooltipster/tooltip.js" defer></script>

4. HTML

Example part of HTML, where I use my Tooltipster theme:

<pre><code data-language="shell">

yaspeller --check-yo --find-repeat-words --ignore-digits --ignore-latin --ignore-roman-numerals --ignore-uppercase --ignore-urls
</code><button class="SashaButton SashaTooltip"><img class="SashaNotModify" src="../images/interface_images/clippy.svg" alt="Clipboard button" width="13"></button></pre>

3. Steps to reproduce

I print in my console:

D:\Kristinita>purifycss output\theme\css\sections\sublime-text.css https://cdn.jsdelivr.net/jquery.tooltipster/latest/js/tooltipster.bundle.min.js output\theme\js\Tooltipster\tooltip.js output\Sublime-Text\*.html --info --out output\theme\css\sections\purifysublime.css

4. Expected behavior

Tooltipster theme not removed.

5. Actual behavior

Tooltipster theme removed.

Thanks.

I have the same problem, it removes my header's css, how can i prevent it from happening?