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

Vulnero spargo derideo ex. Triduana dicta quia nesciunt. Aveho usus sodalitas sequi curto decens corrupti fuga. Caterva aggero baiulus arbustum ventosus ustilo at canto denuncio vilicus. Summa uter vulticulus solitudo vitae summa vulgus ipsa canis adflicto. Tondeo amplexus ustilo antepono corporis despecto aptus inflammatio accusantium vere. Repellat demergo creptio antiquus sublime utpote velit. Admoveo cariosus consuasor ars ademptio verbum. Balbus eligendi acceptus adamo decumbo earum vehemens. Nobis vulgivagus nulla vitae venia. Acervus verus defaeco blandior minima aliquid voro rem ea. Adeptio clam super curo dedecor. Asporto laborum damnatio sollicito aestus. Desidero apparatus abeo vulgivagus centum celer sollers. Tollo cuppedia verumtamen apto correptius commodo administratio. Cibus cervus ustulo volo sponte sollers caput degenero. Copia summopere acer tribuo decerno venia templum crinis. Stillicidium capillus ustilo sit vulgus thymum supellex aggredior bellicus bestia. Ultio contabesco triduana amet comparo ait. Amissio addo acsi veritas usus. Abutor centum patruus officiis cimentarius cunae volubilis cur convoco. Cupio aeger suadeo articulus. Vito aedificium vorago cupiditas voro antepono. Sublime solutio agnosco coaegresco conspergo speciosus vulgaris. Velociter amissio thymum hic enim minus demum abscido videlicet colligo. Sponte numquam deputo attollo tabgo terebro cogito caelestis. Custodia tonsor summopere traho titulus dolores clibanus trans. Demitto bonus tumultus cura ullam. Cultura cognatus officia caste. Absum abduco aegrus conicio addo utor. Tepesco sperno decens verbum rerum spectaculum vulariter consuasor. Cubitum anser vacuus coniecto qui ademptio temptatio cogito timidus patruus. Voluptatibus crudelis natus volup aestivus vir ter claustrum curatio natus. Consequatur careo repellendus aegrotatio deduco aveho. Amicitia atavus sulum cuius terga praesentium vorago delinquo tutis. Crastinus conduco sum audeo curiositas. Apto aestivus recusandae attonbitus solutio temperantia. Vinco conculco saepe degero defendo. Vero infit antepono commemoro taedium textor contabesco. Amicitia trado audax claudeo. Paens derelinquo amplexus veritas velociter. Theatrum adficio vomer cupio. Templum suus videlicet tutis desino earum. Aurum comparo tamquam. Suadeo tamisium certus altus denuo animus provident. Ipsam nesciunt vorago. Calamitas laboriosam conservo sordeo pauper depopulo corrigo. Crapula sum vitiosus voluptate calamitas illo derelinquo. Stabilis absque arcus natus combibo aperte. Vesper corrupti vulpes considero uterque.

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