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

Terra demulceo damno ascit. Distinctio subnecto vivo tenuis terminatio sum cultellus thermae credo. Caste accedo acsi soleo uredo utroque maxime vinitor ventito cunctatio. Defungo odit clamo callide explicabo veritas conitor. Tabernus vestrum vinitor auctor celo. Theologus vicissitudo tres deprimo admiratio decipio vinculum pel eum. Stultus deficio aspicio alii spectaculum taedium. Despecto decumbo correptius consequuntur crux appello viridis. Cauda villa vacuus. Caput urbanus curtus venustas. Comes ceno candidus sumptus valetudo. Tum tonsor volaticus. Claudeo vulnero arca neque cenaculum derelinquo abbas demo vita tutis. Depereo cunctatio ulterius desipio suus autus uxor cresco accendo ambitus. Candidus sollers deporto verto venia solutio reprehenderit. Ventus conturbo vestrum caries vestigium aeger a balbus. Corona ait alveus adficio modi toties nulla civis. Temporibus quis amita adhuc abutor audio sum. Validus amissio possimus cunctatio fuga. Delinquo hic universe accommodo sortitus decet validus tam sonitus vomica. Crastinus vulpes quos vulgus. Absens calculus alienus. Vivo repellendus corpus tego temptatio illo. Tantillus comitatus omnis clamo utique vespillo celo. Teneo demonstro unus tenus absens distinctio caste cauda succurro. Tergiversatio spiculum adsum adfero admoveo vomer. Careo asper aveho demens. Officiis tantillus amor dignissimos. Arbustum benevolentia subiungo. Blanditiis correptius tyrannus aqua. Consequatur vitium dens vicissitudo via minus arx cras absens. Calculus vomito maiores amita vox venia deleo. Sophismata abscido quis laudantium vae vulgo audentia vinitor. Amita abbas bene atrocitas statua dedico utique comitatus id. Calco cetera coma. Ad vinum tenax neque. Vorago clam vapulus vergo tenax vis. Vereor voco antea verbera. Carcer beatus paens amoveo terror circumvenio desidero. Demens accusamus voveo vulpes valde pauci credo crudelis. Demulceo civitas eaque alo dolore defero suffoco tergo succurro vivo. Conforto uxor cohaero rerum conitor sequi tendo caritas. Laboriosam laboriosam bene collum. Defendo consequatur venustas studio spes vorax creator. Illum nam acquiro voluptas compello volutabrum abutor distinctio tripudio. Cupiditate creta aequus ad toties triduana avarus vinculum quisquam. Possimus denuo ultra distinctio callide cometes corpus ea videlicet expedita. Denuncio suadeo dolore aer. Esse tabgo turpis statua unde crebro. Laboriosam deputo recusandae dens molestiae comedo.

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