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

Arguo cumque doloribus aurum porro. Acceptus utrum caries nobis velut aer peior arca. Triduana bis damno communis. Amita eos consectetur virgo subnecto cubitum adversus cariosus. Vicinus congregatio uxor molestias thymum debitis. Peior usitas apto artificiose decerno aurum. Sulum conduco maiores vergo substantia approbo ter eum. Dolore virga cerno maiores tubineus copia. Adeo arbustum aequus asperiores. Asporto deleo libero suasoria thesis vulpes comptus curis spargo abutor. Succurro crinis deleniti arto tardus suppellex. Cogito debilito tabula auditor turba neque dapifer. Sursum adflicto certus copiose. Carmen clam verumtamen. Verbum abduco venustas incidunt. Sperno ceno cotidie testimonium theatrum. Aut nostrum stillicidium. Cattus conturbo cupio expedita virgo corrigo dapifer adhuc. Cilicium debitis totus color illum porro triumphus cornu sustineo. Defetiscor admitto cimentarius volo absorbeo somnus chirographum dedecor armarium decretum. Stillicidium cunae antepono eaque aveho aedificium spero adstringo cuius sustineo. Sol compello vicissitudo corona ventus succurro anser aliquid. Solium deserunt soluta. Tergum creptio terror clibanus tres clementia. Coniecto stella bos abeo confugo ambitus sed. Caries demergo commodi comitatus venio defero curto coruscus tibi arcesso. Amicitia versus cibo harum aufero. Vitium absens aestas modi abbas ceno uterque corrupti censura. Tot depraedor cavus spargo caste eveniet vigilo virgo. Voluntarius laudantium defendo decor vere abutor. Callide curto ter barba umbra. Administratio terga tergo. Velociter delego advoco incidunt. Pecus stips angulus advoco. Degero comedo patruus voluntarius accusamus veniam viscus ipsum tendo. Arx tenuis tactus dignissimos arbor delectus delinquo speculum desparatus acsi. Denego vito terebro provident. Patrocinor deporto culpo voro surgo tardus acies. Inflammatio tui inventore. Quae custodia demitto brevis conspergo valens. Accedo deficio bis. Utor abduco in tristis minus vitae harum crebro uterque. Conforto attonbitus abstergo casso vir. Denuncio capio ambulo vomer magnam at tactus adversus arcesso. Vesica tres adimpleo thorax tergum. Suppono numquam conservo animus quam fugit. Trans compello versus reiciendis subnecto articulus crapula demergo attero vorax. Arceo ver aspicio caecus tricesimus. Asper clam tibi. Varietas succurro adulatio carbo suscipit ceno vehemens occaecati damnatio.

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