@yummacss/ui/dist/out.css

Reusable React components styled with Yumma CSS.

*,:before,:after{box-sizing:border-box;border:0 solid}*{margin:0;padding:0}html{font-family:system-ui,sans-serif}body{-webkit-font-smoothing:antialiased;font-family:inherit;line-height:1.5}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,optgroup,select,textarea{background-color:#0000;padding:.5rem;font-family:inherit}button:not([class]),input:not([class]),optgroup:not([class]),select:not([class]),textarea:not([class]){border:1px solid #bfc2c7}a,button,input,select,summary,textarea{&:focus{outline:2px solid #0000}}textarea:not([rows]){min-height:10em}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:1rem;font-weight:600}p{text-wrap:pretty}b,strong{font-weight:700}small{font-size:80%;line-height:1.4}pre,code,kbd,samp{font-family:monospace;font-size:1em}a{color:inherit;text-decoration:none}ol,ul{padding:0;list-style:none}th{font-size:1rem;font-weight:600}hr{border-top:1px solid #bfc2c7;height:0;margin:1em 0}details{display:block}summary{display:list-item}.ai-fs{align-items:flex-start}.b-0{border-width:0}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bs-xl{box-shadow:1px 3px 5px 2px #0000001a}.c-na{cursor:not-allowed}.d-f{display:flex}.fs-lg{font-size:1.125rem}.fs-md{font-size:1rem}.fs-sm{font-size:.875rem}.fs-xs{font-size:.75rem}.fw-600{font-weight:600}.jc-c{justify-content:center}.l-half{left:50%}.lh-2{line-height:1.25}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.o-40{opacity:.4}.of-c{object-fit:cover}.ow-2{outline-width:2px}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.rad-0{border-radius:0}.rad-1{border-radius:.25rem}.rad-3{border-radius:.75rem}.rad-half{border-radius:50%}.tc-blue{color:#3575dd}.tc-gray{color:#606773}.tc-green{color:#1fb155}.tc-red{color:#d73d3d}.tc-slate{color:#3f3f4e}.tc-white{color:#fff}.tc-yellow{color:#d3a107}.td-u{text-decoration:underline}.us-none{user-select:none}.w-100{width:25rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}