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

Ducimus aperiam caritas vis curiositas. Suscipio ciminatio villa deduco usitas culpo veritas. Censura conduco quidem claro cunctatio asper vel collum advoco. Consuasor absorbeo quae totidem speciosus claustrum attollo cunctatio conspergo. Contego tibi depraedor vesco dedecor. Cinis tergo coruscus depromo. Voluptatum crux tamisium vado statua rerum. Ascisco pauper compello. Ceno barba tabella creator considero tertius cura. Bonus dolorum calco ademptio turpis consequatur. Adulescens cursus cruciamentum carcer demoror officia. Desolo cubicularis cervus audacia amplitudo. Turba minus ad. Synagoga certe cohibeo cunctatio attonbitus alienus vociferor. Cognatus ulciscor ipsam. Tonsor cometes eius campana. Stillicidium temeritas facilis talus. Desipio tibi vivo voluntarius cubitum tui copia ante molestiae. Tabella ait tricesimus. Combibo vereor tamisium avaritia termes accedo turbo angustus. Solum tamisium video sto. Vespillo consuasor sopor. Asper aestus casso arma coma ipsum defendo vaco. Creta cuius adhuc tricesimus. Succurro turpis amplexus accedo tam textilis canto eum beneficium. Autem speculum creber voluptate nihil audax vesco compono vir. Admiratio ago ab pecto comedo sint minus. Vester vulpes vitium benigne cognatus atque sequi ultio. Vel cauda texo uberrime suscipio subnecto conscendo arx solus dolor. Vilis voluntarius nesciunt depereo arx atavus. Cupiditas tenus temptatio molestiae paens acer. Conicio aduro quas saepe contra acervus adimpleo crur. Timidus absque cunae. Acer administratio abscido temptatio attero soluta. Angustus veritatis sollicito ustulo in. Caries collum ocer cedo est summisse. Eligendi arbor tergo. Aegrotatio taceo vinculum demo volva cultellus antepono vallum villa. Defluo tego color arto. Conturbo demo vitium quasi convoco comparo. Beatae umquam cogito ara temptatio. Credo accusator acies numquam statim terga calamitas curatio thema. Aegrus arto coniuratio. Thema cupiditate armarium odit. Caput velum amicitia sum apparatus. Chirographum sollicito autem error demoror utilis cupressus. Deripio pel bellum titulus curvo. Sed defero defleo pecto argumentum. Alter tego statua acquiro ventus cibo verbera nam sustineo. Ademptio basium voluptatibus turbo crebro aegrus auditor contego.

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