@webpixels/css/dist/extra.css

Utility and component-centric design system based on Bootstrap for fast, responsive UI development.

/*!
 * Webpixels CSS v2.0.4 (https://webpixels.io/)
 * Copyright 2025 Webpixels
 * Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
 */.article,.prose{--x-article-font-size: 1rem;--x-article-color: var(--x-body-color);--x-article-line-height: 1.9;--x-article-img-border-radius: var(--x-border-radius);--x-article-pre-border-radius: var(--x-border-radius);font-size:var(--x-article-font-size);color:var(--x-article-color);line-height:var(--x-article-line-height)}.article>p,.prose>p{margin-top:1.25rem;margin-bottom:1.25rem}.article>h2,.prose>h2{font-size:1.5em;font-weight:700;margin-top:2em;margin-bottom:.5em;line-height:1.3333333;letter-spacing:-0.025em;white-space:pre-wrap}.article>h2:first-child,.prose>h2:first-child{margin-top:1em}.article>h3,.prose>h3{font-size:1.25em;font-weight:600;margin-top:1.6em;margin-bottom:.6em;white-space:pre-wrap}.article>h4,.prose>h4{font-size:1em;font-weight:500;margin-top:2em}.article>img,.prose>img{border-radius:var(--x-article-img-border-radius)}.article>figure,.article>img,.article>video,.prose>figure,.prose>img,.prose>video{margin-top:2em;margin-bottom:2em}.article pre,.prose pre{font-size:0.875em;line-height:1.7;padding:1rem 1rem;margin-top:1.75em;margin-bottom:1.75em;overflow-x:auto;background-color:#171717;color:#fff;max-width:100%;white-space:pre-wrap;border-radius:var(--x-article-pre-border-radius)}.article>:first-child,.prose>:first-child{margin-top:0}.article h2+*,.article h3+*,.article hr+*,.prose h2+*,.prose h3+*,.prose hr+*{margin-top:0}.article>hr,.prose>hr{margin-top:3em;margin-bottom:3em}.article>ul,.article>ol,.prose>ul,.prose>ol{padding-left:1.5rem}.article>ul li,.article>ol li,.prose>ul li,.prose>ol li{padding:.25rem 0}.article>blockquote,.prose>blockquote{font-size:1.25rem;font-weight:500;color:#171717;letter-spacing:-0.012em;padding:1.5rem 3.5rem;margin-top:2em;margin-bottom:2em;background-color:var(--x-body-secondary);border-radius:.75rem}.article>blockquote>p,.prose>blockquote>p{margin-top:1.5rem;margin-bottom:1.5rem}@media(max-width: 991.98px){.section-step-lg{padding-bottom:3rem}.section-step-lg+.section-step-lg{padding-top:3rem}.section-step-lg:last-child{padding-bottom:0}}@media(min-width: 992px){.section-step-lg{position:relative;padding-bottom:5rem}.section-step-lg+.section-step-lg{padding-top:5rem}.section-step-lg:last-child{padding-bottom:0}.section-step-lg:not(:last-child):before{content:"";display:block;width:360px;height:100px;background:url("data:image/svg+xml;charset=utf8,%3Csvg width='355px' height='103px' viewBox='0 0 355 103' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-dasharray='6,12' stroke-linecap='round'%3E%3Cpath stroke='%23e5e5e5' stroke-width='3' transform='translate(173.245679, 51.548257) scale(-1, 1) translate(-173.245679, -51.548257)' d='M-6.75432109,1.54825684 C113.245679,110.326533 233.245679,130.359459 353.245679,61.647035'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size:360px 100px;transform:rotate(40deg);position:absolute;margin:auto;left:0;right:0;bottom:-80px}}@media(min-width: 992px)and (max-width: 767.98px){.section-step-lg:not(:last-child):before{transform:rotate(90deg) scale(0.7);bottom:20px}}@media(min-width: 992px){.section-step-lg:nth-child(odd) .row>div:first-child{order:2}.section-step-lg:nth-child(odd) .row>div:last-child{order:1}.section-step-lg:nth-child(even):before{background:url("data:image/svg+xml;charset=utf8,%3Csvg width='355px' height='103px' viewBox='0 0 355 103' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-dasharray='6,12' stroke-linecap='round'%3E%3Cpath stroke='%23e5e5e5' stroke-width='3' d='M2.24567891,1.54825684 C122.245679,110.326533 242.245679,130.359459 362.245679,61.647035'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size:360px 100px;transform:rotate(-40deg)}}@media(min-width: 992px)and (max-width: 767.98px){.section-step-lg:nth-child(even):before{transform:rotate(-90deg) scale(0.7);bottom:20px}}

/*# sourceMappingURL=extra.css.map */