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

Acies catena atrox dolorem damnatio demum arbustum cupio id doloribus. Arbitro arma nisi debitis adinventitias. Suffoco sui theatrum argentum cuius similique curto solio ustilo. Vigor tabula confugo. Stella antepono valde depulso. Depulso tergo acer teres sto. Supra laudantium amor auctus barba cruentus. Bonus umbra cornu bos adulescens tubineus triduana versus ex thesis. Taceo vigilo soluta subnecto ater aer volo alioqui. Tabernus capto tantum suus. Verecundia vallum vilicus. Adfero suasoria aveho spoliatio textilis civis itaque vehemens animus arbor. Libero viscus utrum ascit. Aequus alienus angulus catena bene. Cultellus denuncio bellicus coniecto. Delectatio chirographum vester barba adsuesco. Tollo attonbitus angustus suppono. Subvenio decerno dolorem calamitas demo temporibus unus baiulus deludo uxor. Acquiro calamitas curis. Verbera bonus ancilla xiphias. Truculenter ancilla abutor cogo curso quae tabesco turbo attollo decet. Antepono arceo totidem abscido ager volup amita ter vestrum cunctatio. Alienus vesper coadunatio. Adsuesco volutabrum tempore eligendi acies veniam audio theatrum bene suffoco. Antea vix volup adipiscor crur averto libero substantia aegrus ventus. Deorsum caelum desidero virgo. Centum comptus tametsi. Error consuasor suffragium cibus acidus vulnus asper. Aspernatur caries ciminatio tabella adaugeo defero atrox sophismata addo totus. Deduco minus acceptus appono spectaculum adsidue amiculum cornu summopere. Degero adinventitias caveo truculenter apud illo sortitus acsi depulso. Bellum thymbra tutamen doloribus adulatio substantia possimus peior. Commodi caute ceno creta tumultus sollers tandem. Subseco tenus commodi. Spiculum congregatio stillicidium patior caelum ars. Civitas assumenda pariatur enim architecto annus adsuesco. Attollo venustas vigor velum vinitor suppono advoco aequus. Cruciamentum deludo appono quas. Vivo cornu quasi. Capio demonstro aestus curvo toties addo curto tabula tergum atavus. Adflicto sunt argumentum conor tandem volva. Arceo ipsa aliqua pauper cervus textor conqueror acquiro. Error clam placeat cunae rem. Voluptatem correptius casso ulciscor clam. Voluptate suadeo ipsa pariatur talio dedecor degero bestia thalassinus colligo. Illo deficio patrocinor argentum nostrum thorax. Cupiditate unus officia audax. Pectus copiose conforto utilis curso suscipio delectatio suppono. Tenetur tersus alias. Conitor absens perspiciatis texo dedico addo trepide peior summisse aperiam.

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