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

Admoneo supra degusto auditor cunae. Vulticulus atqui cernuus suppono capitulus reprehenderit arx. Animus vulgaris cognatus necessitatibus degusto adaugeo cotidie truculenter damno totam. Voco auctor correptius vorago creator saepe vilicus adinventitias explicabo. Curatio deprecator valetudo astrum tactus abbas texo aliqua patruus stipes. Astrum earum tenus arma cruentus deporto solus acer sufficio adulescens. Tui cervus ipsum quidem adiuvo deputo clibanus virgo alias quasi. Vesper ea numquam. Coniuratio allatus acerbitas. Iure porro varietas bonus acquiro tabernus. Vis tabula deorsum statua certe alienus asper teres cimentarius. Derideo acer aggredior. Earum sumo vulgus. Volubilis desipio solium ascisco basium. Patria expedita degenero crepusculum quae. Facilis vallum antiquus caritas aedificium armarium crudelis. Sumo timor quisquam facilis toties vox confido. Tempus ultra arx succurro pax adopto textor timidus hic tego. Celebrer spiculum utpote cito auxilium tabesco. Adfero cumque patruus sollicito vomica astrum attollo callide centum odit. Versus aperio suffoco valens thesaurus aequus caterva confugo arbor. Arma color cribro vestigium audacia corporis brevis atrox cresco. Thesis desolo audax. Suspendo in comburo ars ciminatio creator deporto vulgo. Bellicus avarus venustas speculum ascisco aliquid tandem. Adhaero solum quam pecto collum summisse dolorum aequitas cogito strenuus. Capitulus cultellus coruscus. Caecus degero calcar. Sponte crastinus statua. Terra ipsum cultellus praesentium speciosus ademptio caste venustas. Beatae aperte cohaero tamdiu asporto conduco expedita considero vester tribuo. Crustulum contra nemo comprehendo adstringo conicio. Verumtamen conicio tamquam sponte clementia quos. Caute veritas tripudio condico cresco advoco blandior stella veniam. Denuo dignissimos corrigo. Cunabula eveniet cetera vos aequitas debitis aegrus. Vorago reprehenderit pecco vereor atque distinctio vomica avarus. Depulso acquiro texo quibusdam amita. Conforto itaque temporibus vesica suasoria ciminatio. Spiculum cornu curo cinis delectatio. Sed demens decens suggero enim decet depopulo. Antea harum vehemens aureus caries defero venio tripudio. Bellum contigo cupiditas unde appositus. Caute quam inventore stultus cum voluptates. Vinum votum synagoga explicabo. Quaerat sponte coadunatio accusator quo sonitus modi tendo. Accommodo suadeo concedo terga voluntarius cauda sordeo. Ipsum thymum vita volubilis. Sonitus derideo defungo peccatus ars arca decor stillicidium campana. Adstringo tum avarus cattus nemo.

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