coulomb-social/docs/design-extract/coulomb-social-motion.tailwind.js
tegwick 6fe263444a Extract authenticated coulomb.social design language via designlang
Session probe lands on /vw_pages (Research). Use main designlang extract
with --cookie-file — pack ignores auth. 39 artifacts under
docs/design-extract; tolerate designlang late summary crash when cores exist.
2026-08-09 01:31:00 +02:00

67 lines
1.6 KiB
JavaScript

// Tailwind motion preset — generated by designlang (motionlang)
// Source: https://coulomb.social
// 2026-08-08T23:30:22.014Z
//
// Merge `extend` into your tailwind.config theme.extend, e.g.:
// const motion = require('./coulomb.social-motion.tailwind');
// module.exports = { theme: { extend: { ...motion.extend } } };
//
// Then: <div class="animate-slide-up" /> or `duration-md ease-spring`.
const extend = {
"transitionDuration": {
"sm": "250ms"
},
"transitionTimingFunction": {
"standard": "cubic-bezier(0.25, 0.1, 0.25, 1)"
},
"keyframes": {
"fade-in": {
"0%": {
"opacity": "0"
},
"100%": {
"opacity": "1"
}
},
"slide-up": {
"0%": {
"opacity": "0",
"transform": "translateY(16px)"
},
"100%": {
"opacity": "1",
"transform": "none"
}
},
"scale-in": {
"0%": {
"opacity": "0",
"transform": "scale(0.96)"
},
"100%": {
"opacity": "1",
"transform": "none"
}
},
"pop": {
"0%": {
"transform": "scale(0.9)"
},
"60%": {
"transform": "scale(1.03)"
},
"100%": {
"transform": "scale(1)"
}
}
},
"animation": {
"fade-in": "fade-in 250ms var(--tw-ease-standard, cubic-bezier(0.25, 0.1, 0.25, 1)) both",
"slide-up": "slide-up 250ms var(--tw-ease-standard, cubic-bezier(0.25, 0.1, 0.25, 1)) both",
"scale-in": "scale-in 250ms var(--tw-ease-standard, cubic-bezier(0.25, 0.1, 0.25, 1)) both",
"pop": "pop 250ms var(--tw-ease-standard, cubic-bezier(0.25, 0.1, 0.25, 1)) both"
}
};
module.exports = { extend };