Expertly crafted web design tokens Create consistent components Useful in any framework v1.7.3 MIT @import "https://unpkg.com/open-props"; .card { border-radius: var(--radius-2); padding: var(--size-fluid-3); box-shadow: var(--shadow-2); &:hover { box-shadow: var(--shadow-3); } @media (--motionOK) { animation: var(--animation-fade-in); } }
![Open Props: sub-atomic styles](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ccf3c94869eb8f506f5f0b0140befd94f1c63fa/height=288;version=1;width=512/https%3A%2F%2Fopen-props.style%2Fopen-props-social.jpg)