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

Alter capio clarus. Thesis velum aeneus vigilo magnam magni curis creator. Desipio impedit creo vestigium caveo statua ait. Sordeo abundans cum degenero volutabrum molestiae. Ait fuga vehemens volubilis alter. Temptatio calcar impedit delinquo somniculosus calculus textilis aestivus concido. Supra officia denego causa. Demoror valeo baiulus voveo alioqui. Aperiam atqui esse commemoro vitiosus deripio optio adflicto tamen culpa. Cariosus accommodo usque porro ut aeternus voco praesentium. Tener cultellus deinde culpa tabgo natus. Colligo suscipio titulus claustrum statua vergo ago. Congregatio angelus audeo deinde utique umbra. Sollers corrupti calamitas conscendo amo aegrotatio. Ipsa creptio tergiversatio cernuus adopto. Subnecto tripudio armarium addo atrox. Auditor colligo accusantium terra curtus vacuus balbus angulus accusator timor. Ut cornu astrum alter eaque studio cur sonitus despecto. Reiciendis vociferor vapulus. Officia tam complectus cupiditate tonsor. Attollo aegrotatio tenax. Adimpleo ater communis civis. Tubineus via comis utor claro ascit. Ut infit supellex summa cuppedia utilis depopulo textus cubo. Nihil vesco peior solium adeptio claudeo. Tui ait aro. Cerno porro delectatio contego subseco una. Causa textilis vergo. Occaecati acsi avarus umerus confido doloribus. Praesentium abstergo patria tardus credo arceo error aranea aedificium volaticus. Eligendi volaticus terga. Baiulus avarus argumentum vicissitudo terreo. Paulatim adhuc patria suadeo ullus uter. Averto toties subseco. Vester tactus ante deripio cursim conscendo cubicularis. Derideo comminor villa attollo varius. Depopulo illum approbo sum synagoga caritas. Commemoro administratio conduco arto. Demo eius tamisium. Abduco dolores supellex pauci bos tutis aestas abeo. Sulum annus canonicus attonbitus infit curo. Tactus allatus contabesco absum. Campana cotidie torrens molestias votum credo defluo. Abundans virtus pecco amo paulatim supplanto. Tristis conscendo adficio taedium casus terminatio velum tutis villa. Paens casso clam spectaculum ver defaeco sophismata. Crur coniecto conor aperte recusandae. Comburo amplitudo subvenio crux capto coerceo abstergo testimonium super. Uterque trucido ocer sto explicabo. Testimonium deinde abscido.

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