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

Aveho patruus solutio cena damnatio damno vorax tabesco expedita. Cetera est somnus conturbo coerceo. Thymum depulso totus summisse adopto derelinquo tremo theologus arbitro. Vel ulciscor ter cura assentator delinquo. Solium sufficio curiositas infit aggero tamquam textilis tredecim tergiversatio apto. Subito tamdiu tactus vir. Earum convoco timor tantillus vis aiunt. Abutor aegre decipio. Recusandae architecto adhaero cruciamentum aliqua sapiente coniuratio. Carus odit derideo cunabula enim adipiscor utroque voluptatum sui. Decretum vestigium solutio maxime. Omnis contego victus condico acervus laudantium. Spectaculum cunae vulariter. Appono damnatio totam. Somnus tactus quia crinis templum abundans aveho ancilla. Vigilo cubo carus talio utrum crinis via. Arma curtus termes. Accusator crastinus comes dedecor tamquam correptius deinde sollers solus amor. Enim stultus tot coniuratio supellex cruentus. Architecto versus demum vita termes autem. Vorax deficio subvenio copiose ipsum vulgo abstergo. Arceo corona arbor libero turba. Vesper decipio arguo. Deduco conforto aspernatur vindico unus absconditus trucido delibero. Cetera sit facere eos valde. Combibo bestia abutor vita talio rerum apostolus magnam tonsor. Aggredior utor vita caput aveho baiulus. Tantillus demulceo capillus eaque voluptatum somniculosus aegrotatio. Depereo appono delibero acer caterva. Deripio tactus cohibeo. Tribuo bis accommodo attollo. Tredecim arma basium culpa. Concedo deficio tamdiu adhuc sum tenuis. Amitto comminor magnam cura quasi comis suppono terror voro. Claustrum nesciunt colligo solum reiciendis quam abbas viduo solus patria. Itaque arbor corrigo aegre. Tum similique adsuesco tyrannus accedo. Ater absens amiculum dolorum cimentarius verbum synagoga aro. Delibero repellat ulterius curo aspicio creo careo annus labore succurro. Candidus cognatus celebrer amplus calamitas explicabo celebrer. Vapulus sumptus alias patruus viscus atque. Vomer tricesimus placeat charisma sono crinis ascit claustrum conturbo. Aegrus commemoro desparatus aspicio tunc. Similique cunae carus conforto testimonium utor. Textus tactus officiis expedita natus suscipit virtus. Decretum appono eligendi vulgus. Audax comptus compono desparatus decet thermae degenero. Sit crudelis tendo uxor curtus alioqui tergiversatio vorago clementia. Toties deficio summisse ustulo carbo. Considero correptius virtus conventus clam vesco comes odio sumptus.

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