Use CSS variables for styles

Cogoport / cogo-toast

Beautiful, Zero Configuration, Toast Messages for React. Only ~ 4kb gzip, with styles and icons

https://cogoport.github.io/cogo-toast

MIT License

673 stars 1 forks source link

Use CSS variables for styles #77

Open anhtran opened 3 years ago

anhtran commented 3 years ago

More easy to custom colors for dark theme for example.

.ct-toast {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    background-color: var(--cogo-bg-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: var(--cogo-text-color);
    border-radius: 4px;
    margin: 0px;
    opacity: 1;
    transition: 0.3s all ease-in-out;
    min-height: 45px;
    pointer-events: all;
}