@primer/react-brand
Version:
Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.
66 lines (64 loc) • 1.48 kB
JavaScript
/**
* Do not edit directly
* Generated on Wed, 17 Dec 2025 14:40:36 GMT
*/
module.exports = {
brand: {
animation: {
duration: {
faster: "0.2s",
fast: "0.3s",
default: "0.6s",
extended: "0.7s",
},
easing: {
default: "cubic-bezier(0.16, 1, 0.3, 1)",
glide: "cubic-bezier(0.33, 1, 0.68, 1)",
},
transition: {
default: "opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default)",
},
variant: {
slideInUp: {
distance: "0.9375rem",
},
slideInDown: {
distance: "-0.9375rem",
},
slideInLeft: {
distance: "0.9375rem",
},
slideInRight: {
distance: "-0.9375rem",
},
scaleInUp: {
distance: "1.5rem",
start: "0.96",
end: "1",
},
scaleInDown: {
distance: "-3.125rem",
start: "0",
end: "1",
},
scaleIn: {
start: "0.96",
end: "1",
},
scaleInTop: {
distance: "",
},
scaleInRight: {
distance: "-1.25rem",
start: "0.90",
end: "1",
},
scaleInLeft: {
distance: "1.25rem",
start: "0.90",
end: "1",
},
},
},
},
};