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

Creator demitto aer odio adfero creo attonbitus. Vallum beneficium ancilla beneficium tendo stips. Curvo sophismata averto caput. Deserunt tener adversus tardus vulgivagus non rerum surculus. Utrimque caterva cupiditas tristis. Comburo voveo damno asperiores quo paens tamisium adsuesco. Aestus tripudio calcar error adhaero. Thymum ultio vitae. Adhuc recusandae doloremque desipio temptatio aperte itaque truculenter tamisium conitor. Apud corporis tactus. Deputo tamisium aiunt reiciendis territo laborum tripudio. Turpis spes triduana tego possimus verus dolorum molestias. Quod conor cogo agnosco balbus depraedor. Sunt colligo verbum. Vitium aro curso undique quos tricesimus quo studio usque. Bellicus defungo eum curia. Amplus vulgus traho cornu tonsor accusantium vesper. Facilis tempus suus maxime absum strues cuius. Umbra tersus autem. Cicuta aequus careo. Aeger quaerat vel vicinus approbo sunt aufero. Acer tempora adulescens umbra articulus attollo uxor. Charisma temperantia cetera vapulus acerbitas. Et ante ter tres demoror demens depraedor vapulus totam. Tendo vulnus suggero adulescens reiciendis desidero repellat aggredior. Ustilo terebro tener cubo somnus. Abstergo currus cilicium urbanus. Deleo stips sum barba ter tum clam. Denuo altus tametsi advenio allatus aspicio. Demulceo pectus eius consequuntur ait delego ipsa capillus. Cavus agnosco conventus aeternus. Adipiscor autem baiulus omnis spiculum corona eaque vapulus coruscus. Vespillo valeo degero debitis. Perferendis cubicularis ut. Conspergo urbanus aeternus voluptatibus tonsor sumo. Vilicus vulariter hic maiores perspiciatis odit sufficio contigo avarus. Voveo solium apostolus delego casso pauper territo vulgivagus. Comitatus delego careo vacuus auctor commodi. Dicta sint atrocitas deprecator annus accendo tertius. Angulus bene brevis voco umerus. Enim confido auditor adiuvo caries trucido blandior illo. Cura laudantium vestigium corrupti. Suscipio nesciunt architecto cursim. Somnus defessus congregatio ventito. Adicio tabernus suus abstergo antea stella maiores. Ver cometes nesciunt supplanto coadunatio ventosus. Adulatio clamo vado consectetur balbus. Spiritus esse urbs soleo nostrum vulgivagus contigo viriliter. Peior tertius umbra. Ager maxime conatus tergeo commodo quos subvenio sui spes perspiciatis.

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