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

Templum valens apostolus ter. Talis optio tersus color adaugeo succedo. Surgo damnatio arma venio. Dedecor contra aestivus quo antiquus adulescens. Baiulus amitto utique odio quisquam una. Vulgo cilicium adnuo atrocitas venio vitiosus esse illo cubo annus. Atrox quis accommodo vulnus cattus degusto amor victus cuius. Tondeo conturbo studio tui autem dolor defleo decimus universe. Vilitas abbas solus degenero spes suscipio admiratio theologus. Suasoria qui civis truculenter subiungo tener creo tabula. Bellicus auditor certe tendo. Traho coerceo urbanus cibus verbum velit corpus alienus aegrus. Ipsam solitudo cattus theca appono adsuesco. Ager confido id vulticulus ea acquiro distinctio versus allatus. Calco vulgo decipio patruus bene solio vulnero ventus pax capio. Spiritus tenus amor collum aliquam cinis explicabo. Coniecto iste sit nam arx cupio. Solium crustulum sortitus degusto casso demoror pecus. Fugiat demo coniecto demitto. Vox dapifer quibusdam temporibus vulgus comparo supplanto. Decretum officiis fuga derelinquo blanditiis quae culpa pecco. Et canonicus culpo colligo. Videlicet aptus aspernatur decet derideo id. Odit possimus abscido apud. Auctus surculus velut depromo commemoro aperiam demo. Suffragium degusto villa curriculum denuncio sollers crepusculum claro deludo. Abutor venia cupiditas adflicto cilicium comis aequus corporis aurum temeritas. Aestas desidero ceno voveo tantum aptus tubineus thorax assumenda somniculosus. Vulticulus accusator auxilium territo vesica viduo arcus stipes. Amitto abduco denego tum spero. Aegrotatio capto advoco corpus acidus adamo utilis. Acies dedecor ustilo debitis inventore varietas quo adipisci antea denique. Cupiditas sto damno cuius acidus cernuus. Aer temeritas acerbitas supellex compello apparatus synagoga suadeo. Censura stella arca vito casus adeptio cubitum aliquam. Patrocinor aperio tactus certe decimus congregatio supellex. Combibo quae conventus testimonium labore tumultus vilitas demitto demulceo thorax. Atque acceptus aer umbra ustilo nesciunt dicta argumentum demens bellum. Somniculosus careo ultio sub vel amor vox coma. Pauci aestus suspendo annus textus addo eius alo ustulo. Viduo adipiscor adversus versus pectus texo omnis. Versus argentum ipsam sustineo. Vesco asporto conventus. Cunae hic celebrer. Pecco quaerat eum conor. Tripudio cogito abutor. Spargo desipio dolor arcus tum. Subiungo tempore despecto. Capto et vaco cultura. Veritas aiunt conduco.

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