stands for property
/* - [a-z\-]+)?\/?(? Looking to start a conversation or ask a question? Fresh content delivered to your inbox every month. stands for selector where applicable
/* - stands for unit, default is px, no need to add that, for all other units, write them behind the value
/* - [\d.ms]+)?$/, ([, p, dur, e, del]) => (
Object.entries({
'transition-property': p || false,
'transition-duration': dur || '236ms',
'transition-timing-function': e || 'ease-in-out',
'transition-delay': del || false,
}).reduce((rules, [prop, value]) => {
if ( value ) { rules[prop] = /^[\d\.]+$/.test(value) ? `${value}ms` : value.replace(/(?--\S+)/, `var(${value})`); }
return rules;
}, {})
)],
// border utilities
// This one is a bit special, it's basically able to set a variety of properties if specified, the pattern is like
// `b:Browse all topics
Featured Events
Sign up for the Developer Newsletter
sylvain_tirreau
31
evaldas
23
Anton
17
BarryGrennan
10
svirchenko
8