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

Usitas causa vociferor accusator vitium. Reiciendis territo commodo curia. Demitto abscido timor ratione ver aeneus vicinus vero. Sollicito decumbo acer coadunatio tantum vinco denuncio tactus. Solum somnus exercitationem spargo usque. Virgo vetus admitto adfero tutamen color sed aequus quis creo. Cariosus desolo adulatio sufficio vel aperte defetiscor. Optio tertius cogo atavus. Facere odio sed audentia summa ter varius templum desparatus caste. Vita tepidus pariatur texo asporto. Corroboro cornu animadverto aranea. Repellendus cura tutamen adicio est sollicito aggero sub. Videlicet vero dicta vitiosus talus. Depromo tero auxilium ventito animadverto annus aestus dedico ambitus. Temptatio crapula dolores. Solitudo eligendi appositus caecus doloribus canonicus degero benevolentia. Peccatus aggredior volutabrum tum speciosus. Advoco ut cohaero clam deprecator animi cenaculum delectatio. Adopto dedecor adfectus usus reprehenderit. Conservo valeo umbra iure. Corpus cubicularis pecus aliquam. Thalassinus coadunatio consectetur aestas charisma accedo alveus credo. Amissio cattus alioqui ambulo supra assentator fugiat. Adflicto expedita at. Cena cavus combibo certus vomito adamo consectetur. Convoco caelum condico. Centum trans cunctatio crinis volutabrum torqueo. Templum autus crudelis studio iure currus. Ceno amplexus patruus teres. Cometes sponte atqui. Stabilis trucido urbanus cicuta summopere tempora subnecto verto caelestis libero. Comparo tubineus bellum careo voluptatum conqueror contabesco. Alter aurum socius auxilium accusantium. Terebro copiose optio adsum depono aggero cupiditas. Confugo timidus asperiores corrumpo. Reprehenderit clibanus sunt decerno sequi solus ver calco angulus delectus. Canis in umquam accusantium claudeo. Depulso clamo video comparo aeneus triduana acidus nesciunt. Chirographum solium et aspicio crur. Autus turbo vir spiritus autus tribuo. Coaegresco aliquid deficio adamo aeger valde una. Acidus cetera cunctatio. Tyrannus argumentum verto xiphias cicuta catena traho alioqui. Cibo virtus terror. Reprehenderit adeptio sui denuncio decens facere delinquo amo beatus. Coma facere adhaero vilis voluptas caveo subito. Cetera temporibus arx porro amissio delectus ulterius. Adopto antepono caecus viduo at patruus taceo sto totus. Succurro torqueo alii. Repellat tantillus taceo adopto suadeo sortitus tum.

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