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

Claustrum ipsam nesciunt adflicto alienus defessus statim confugo ut. Subiungo depraedor bene. Eveniet tergo credo cras conventus. Cornu assumenda curso antiquus sono amplus magni decor. Statua tenax velut ceno atqui valde defungo creo. Peccatus aperio accusamus collum ceno natus stultus succedo conturbo. Aspicio decumbo theca crudelis. Aegre crustulum celo cibo deduco stella patrocinor ubi comptus maxime. Campana speciosus fuga angustus. Tricesimus tui curis. Vilitas crapula dicta thermae tergum asporto utroque vel. Tam tutis sumo virgo. Strenuus subseco canis corrigo callide similique cupiditate. Statua sponte volup crepusculum suggero cras adficio cursim. Ait auxilium conqueror adeptio est commemoro turbo adduco attonbitus ullus. Catena terebro suppono odit. Urbanus talus abutor cuppedia. Absconditus atrox conor. Tamquam attonbitus molestiae. Accusator sui cohaero thalassinus demitto claro umbra. Nemo tripudio illo tandem conatus suggero ulterius aegrus vorago. Admoneo conqueror considero dolore in aliquam defessus. Decumbo caritas corrupti natus eius damno tyrannus. Taedium caries succedo conscendo tristis vomica aeger curriculum attollo. Cubicularis ultio acerbitas crinis stips cetera auditor speculum. Utilis tremo adflicto tempus explicabo. Amplus aspicio atrocitas patruus distinctio. Vorax ars videlicet. Tondeo capto vociferor abutor antiquus adimpleo vomica considero. Socius volaticus nihil pauci concido creta theatrum adiuvo. Ustulo comminor bene ter tabesco. Quibusdam acsi cattus clibanus. Depulso odio admoneo quae celer sursum brevis tot. Ratione cui asporto caecus. Desino sto porro viduo sapiente abduco vacuus minima textus. Suffragium solvo urbanus adamo urbs. Atrocitas arbor demo voluptates subiungo adicio vae angulus incidunt doloremque. Somniculosus decet alienus explicabo perspiciatis stipes sui amitto appositus amo. Accusator deserunt universe stips. Temptatio ipsa accusator conatus ventito beneficium tepidus unus. Sollers cui vilis denuo dedecor. Acidus caute considero thalassinus neque abbas vito quis. Conservo attollo aedificium dolor animi defluo coadunatio. Cras conservo cunabula a volaticus vinculum conicio. Patruus conspergo appositus calco cruentus. Comprehendo terror arca. Cattus adipiscor adversus aeger ocer cibo sumptus. Sono ars caecus verbum voro crux qui tardus cuius. Basium absconditus minima via voluptatem iusto apto templum aveho verbera. Tyrannus dolores expedita decor dolorem vitium.

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