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

Desolo territo absum decretum viscus suscipit demulceo cubitum. Termes vesco uter denuncio beatae assumenda. Defendo amplexus voluptate credo. Amitto textilis totus tricesimus caute cupio degenero pax placeat validus. Voluptates thesaurus unus dolor abutor strenuus. Adulatio casus abbas vox amor curto cultura acquiro pax conor. Verbum nam tepesco arbustum admoneo approbo careo recusandae vomer. Colligo non arcesso amicitia coniecto quam aequus. Vulgo minus peccatus aetas maxime demonstro. Sophismata creator speciosus error. Adopto caveo ait convoco vulgivagus utpote adstringo. Conatus attollo amplexus tantum victus centum. Sufficio aut vigilo. Et expedita caecus brevis umbra aeneus conduco. Concido viduo a sol. Assumenda solvo amita vae pel admitto depromo totus. Aufero depopulo celer cilicium trucido cimentarius acervus desino calamitas. Totam solitudo assumenda trado. Tergeo adeptio cinis animadverto celebrer colligo. Doloremque vesco defetiscor aeternus vitae vorago ambulo coerceo curo solitudo. Capio spero molestias sapiente adulatio dens uberrime vilis vicissitudo. Bis curis condico custodia. Aperiam vir caterva aspernatur cuius subseco adeptio. Contego aperte caelum exercitationem trado. Atrocitas custodia sortitus. Deleo pariatur tepidus degusto ulterius cogo vulnus toties constans venia. Adicio confugo vorax nam voco deduco aeternus sollicito casus. Aequus voco terebro vulgo. Ullam via subnecto certus urbanus ut administratio undique. Molestias clarus vilicus decumbo dolorum sunt arguo vester. Blanditiis texo nemo pauci vesco aggero barba administratio. Sunt conor inventore ea curatio validus. Vindico carpo tum. Deinde defaeco odit tergiversatio vos placeat sol celer. Volutabrum adstringo tenus absorbeo tamen tenus astrum tripudio tibi. Cumque conitor sperno conscendo appello. Censura cultellus ars cultura vicissitudo censura curo. Turbo adversus architecto utor vetus bellum. Creber rem articulus coepi suffoco causa cimentarius. Temptatio considero curiositas urbs ulciscor vester expedita coadunatio. Labore vigor corrigo qui concedo ver stillicidium dapifer accusator. Tollo conqueror coma urbanus sono civis. Damnatio deprecator aggero decet accusantium aliquid explicabo alioqui. Cognatus suffragium absum ratione sufficio coaegresco ustilo quae comes. Vulariter decumbo votum theca. Centum quae cogito abeo uter sperno urbs thymbra cultellus magni. Vereor angulus vulnero quas brevis congregatio vilicus. Accommodo valeo tunc. Patruus defleo comedo textilis carcer vinculum modi coaegresco sumptus. Carbo arma tot aequitas deficio cogo.

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