vue2-flip-countdown icon indicating copy to clipboard operation
vue2-flip-countdown copied to clipboard

Published 20 hours ago • verified publisher icon philipjkim

How can i change colors of the numbers and cards

Open johnlandish opened this issue 4 years ago • 5 comments

How can i change colors of the numbers and cards

johnlandish avatar Oct 18 '20 18:10 johnlandish

bump

adamsmaka avatar Sep 08 '21 07:09 adamsmaka

Sorry for late reply. For now, it's impossible to customize colors of numbers and cards. I hope someone make a PR for this feature, or I'll work on this later. (but not to sure when I can start the work)

philipjkim avatar Sep 10 '21 07:09 philipjkim

Related: https://github.com/philipjkim/vue2-flip-countdown/issues/16#issuecomment-691104075

philipjkim avatar Sep 10 '21 08:09 philipjkim

Hi @johnlandish , @adamsmaka and @philipjkim I made same one for Vue 3.x with many props like flipAnimation,mainColor , labelColor etc. , you can use it. https://github.com/coskuncayemre/vue3-flip-countdown

coskuncay avatar Nov 18 '21 12:11 coskuncay

Hi @johnlandish, You can still add the css class (.flip-card__*) in your component and change the colors of the number ('color') and cards ('background') <style lang="scss"> .flip-card__top, .flip-card__bottom, .flip-card__back-bottom, .flip-card__back::before, .flip-card__back::after { color: #3f5086 !important; background: rgba(40, 29, 105, 0.897) !important; } </style>

gx-7 avatar Nov 25 '21 14:11 gx-7