Tailwind

Core

Provides a variety of globally scoped styles.

Source Page Source

Body Background

Your app's background is automatically set via a design token class. Adjust your theme's color scheme to customize. This affects both light and dark mode.

css 
body { @apply bg-surface-50-900-token; }

Selection

Selection color is also set via a token class. Try selecting the text in the card element below to preview this styling. Notice how selection color changes depending on the background.

The quick brown fox jumps over the lazy dog.

Try selecting the text above.

Mobile Focus

Interactive elements on mobile will briefly show a focus style when touched. Skeleton adjusts the coloring.

Scrollbars

Skeleton automatically provides custom scrollbar styles in supported browsers. Use .hide-scrollbar to disable scrollbars.

Test Scrolling Here

Admoneo utilis compono. Cuppedia amitto tristis agnitio clam validus occaecati ducimus vitae cupressus. Congregatio adficio deripio vis aperiam creo tristis. Ustilo beatae ustilo. Decumbo ventosus chirographum ademptio sequi fuga. Alias pauci delectatio altus. Una amplitudo dedico sonitus velit apparatus tyrannus subito. Calamitas ter abstergo ea abutor velut deficio. Desipio decor argentum atrocitas caveo censura soluta aliqua arceo cariosus. Antepono ager strenuus barba ab bardus veritatis deprecator accommodo quos. Cupio ars deripio tamdiu surculus torrens cuppedia amiculum cohibeo. Reiciendis ea tremo vulpes colligo conqueror mollitia suasoria. Viridis video verecundia attollo cribro eaque ustilo audio acerbitas. Dedecor ustilo accusator virtus. Aer cras aureus ipsam. Candidus bellum sollers cornu. Adsuesco pax via adipisci voco sint. Dolore tepidus anser caput consequuntur terra beatus. Claustrum dolorem commemoro thesaurus excepturi. Vorax alius allatus vita delinquo contego. Certe arcesso claudeo curiositas. Dignissimos totus crebro pectus. Textor urbs a. Adicio ventosus volaticus terebro villa terminatio apostolus conscendo. Virga corrupti tergiversatio validus umquam similique. Vestrum villa tutamen sto tempore fugiat spiritus vobis explicabo comes. Adflicto colligo voluptatem placeat quisquam laudantium deleniti. Accedo casso utor. Arcesso solitudo beatus alveus hic vero voluptas. Utrimque bellicus tardus ater cicuta vinco audax optio crux colo. Capitulus utique vinitor coniuratio sequi crux torrens summa. Torqueo speciosus cervus veniam contra perspiciatis. Thesis abduco quas aliquam. Culpo spargo vaco collum. Valetudo velum excepturi recusandae utique aeger tristis subito arbitro. Coepi curto aeger depromo. Debitis tot tendo. Aspernatur alias utor timidus. Concedo tamdiu turba mollitia celo adaugeo. Tonsor adicio casso stillicidium torrens. Ab odio sulum velum neque concedo termes caelum suffragium conduco. Tempus corrigo creta deporto. Comburo torrens pauci amet coepi eum. Debeo mollitia contra. Atrox viduo corporis vulgivagus clibanus admoveo cupio aspicio. Sto valetudo thorax. Sollicito vespillo alioqui dolor. Laudantium aegrus autem aegrus. Defetiscor denique quis dens. Laboriosam audentia copiose reiciendis corrupti confugo caveo subiungo approbo crustulum.

Dividers

Native hr horizontal rule elements respect your theme settings automatically. Use border size to adjust the width.

Divider Styling

Dividers may be dashed, dotted, or doubled.

Vertical Dividers

Divide columns with the .divider-vertical class. You can apply it with a span tag. Adjust the height as desired.

Left

Right