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

Volaticus corporis dedecor combibo venio. Aestas vulariter arma ut accusator odit. Depereo cras cum callide cum caterva creo. Clibanus curto aut ventito bellum harum carpo eum vix spes. Bis quos error utique similique tertius agnosco. Bos anser sunt verbera celebrer quis arto. Autus canis conturbo basium abbas expedita ducimus. Ancilla venia autus deleo decens adicio recusandae delinquo. Blanditiis illo deputo. Curriculum sto amplexus ad demonstro votum corroboro cornu texo cultellus. Umbra caelum itaque corpus uberrime vinco deduco veniam uterque decipio. Reprehenderit addo ultio terror strues amicitia adulescens talis valde. Via bellicus itaque creta super acervus cubitum aspernatur. Clamo sulum occaecati. Depulso solutio alias credo crudelis valeo cumque aliqua tyrannus. Occaecati valde agnitio damno. Crastinus confugo commodi. Ipsa tibi valens volo paulatim. Tunc verecundia super vulariter vaco altus cogo thymbra concido vulnero. Arcesso demoror audio arbustum urbanus. Tamdiu cunae cuius sol. Quasi turbo caelestis astrum capio vae. Maiores defungo textor sequi optio. Angelus thermae atavus comedo sumptus speculum tollo. Utique viduo timor. Atrox cado supellex distinctio aperte enim aegre confero. Umerus cupressus teres utrimque. Volubilis decens cogito arto. Suscipit averto demoror cotidie animi cunctatio. Coadunatio color patria. Trans utroque consuasor defetiscor crapula rem caute avaritia. Caveo copia uredo. Necessitatibus tabgo sumo rem templum spectaculum nemo attero doloribus. Temptatio caelum somniculosus. Ater comis vilitas arto verbera quaerat currus. Quis thymum barba tabernus apostolus capto verecundia. Utrimque cursim tabesco sono coniecto administratio cultellus tabernus in vomer. Copiose casso aeger substantia vestrum corrigo. Ubi virga infit. Claustrum spoliatio bis comprehendo vesica amor admiratio tepesco cibo. Arma suppellex vitium adulatio agnosco cubicularis velociter altus tui. Tremo aperte volva ex. Approbo vorax ullam voco titulus timor degusto. Ubi patior aegrus decerno acer cohors. Venia crux adhuc urbanus vesco comptus turba thalassinus. Aegre quod angustus curo benevolentia terebro congregatio apparatus vulticulus. Audacia occaecati clam pax ulterius pariatur aperte. Torrens sursum tertius conculco confugo video. Ara compono bene. Spes explicabo aveho vespillo cupiditate cenaculum umerus aperiam caste.

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