SeregPie / VueWordCloud

Generates a cloud out of the words.
https://seregpie.github.io/VueWordCloud/
MIT License
385 stars 60 forks source link

Colours overridden by bootstrap when @media = print #35

Closed WebDevRock closed 6 years ago

WebDevRock commented 6 years ago

Because Bootstrap is naughty and uses !important in the @print media setting the generated WordCloud styles are stripped if you print them.
Would be good if you could use an inline !important to counteract that annoyance.

SeregPie commented 6 years ago

You can define slots. Look if it is working for you.

<vue-word-cloud v-bind="myWordCloudOptions">
  <template slot-scope="{text, color}">
    <span :style="{color: `${color} !important`}">{{ text }}</span>
  </template>
</vue-word-cloud>