@spark-ui/tailwind-plugins
Version:
Spark Tailwind plugins
32 lines (30 loc) • 1.39 kB
JavaScript
module.exports = {
'animations fill mode': {
'spark-anime-fill-forwards': 'animation-fill-mode: forwards;',
'spark-anime-fill-backwards': 'animation-fill-mode: backwards;',
'spark-anime-fill-both': 'animation-fill-mode: both;',
'spark-anime-fill-none': 'animation-fill-mode: none;',
},
'animations direction': {
'spark-anime-direction-normal': 'animation-direction: normal;',
'spark-anime-direction-reverse': 'animation-direction: reverse;',
'spark-anime-direction-alternate': 'animation-direction: alternate;',
'spark-anime-direction-alternate-reverse': 'animation-direction: alternate-reverse;',
},
'animations iteration count': {
'spark-anime-iteration-1': 'animation-iteration-count: 1;',
'spark-anime-iteration-2': 'animation-iteration-count: 2;',
'spark-anime-iteration-3': 'animation-iteration-count: 3;',
'spark-anime-iteration-infinite': 'animation-iteration-count: infinite;',
'spark-anime-iteration-[arbitraryValue]': 'animation-iteration-count: arbitraryValue;',
},
'animations play state': {
'spark-anime-play-running': 'animation-play-state: running;',
'spark-anime-play-paused': 'animation-play-state: paused;',
},
utilities: {
'u-current-font-size': 'width: 1em; height: 1em;',
'u-shadow-border-transition':
'transition: box-shadow 100ms ease-in, border-color 300ms ease-in;',
},
}