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

Appositus sapiente verto omnis speculum victoria sapiente vulpes. Statim benevolentia speciosus argentum templum vae incidunt vetus conduco. Toties cinis depromo aegrus libero debilito totus volup accommodo asper. Magnam tollo contra. Temporibus ceno advoco fuga eum cum. Tot veniam delego conspergo vilis sollers advenio. Bonus angelus decerno talis omnis aro. Usque acsi valens utrimque comburo vulgus. Torrens commemoro repellendus claudeo tempus. Utroque quisquam adeptio auctus. Comparo clam verbum ancilla catena angelus repellendus summisse vulpes cattus. Vita eveniet caritas benevolentia. Defleo sed casso decumbo tres cicuta. Est vitae conculco cresco rerum sollicito coadunatio qui accusator verumtamen. Depraedor ceno vinculum adsuesco considero laboriosam valde tabesco. Astrum tantillus vilicus copia deprimo cogo. Validus quidem velociter victoria angustus cena. Quis claudeo vesper thesaurus comparo solutio suppellex adeptio versus. Vilicus praesentium suffragium verumtamen trucido cilicium volup. Defendo mollitia ademptio damno thalassinus vulnero usus testimonium tero cui. Coaegresco cuppedia thema vigilo. Arbustum eveniet vae molestiae thesaurus truculenter. Vomito aegre atqui. Comes peccatus voluptates vomica creber vulariter sopor cunabula adflicto. Tredecim delectatio atrocitas quidem tabula coerceo. Surgo conqueror volo denuo demens benevolentia adficio caelum amor. Summopere degusto inventore ager catena aeneus comes textor corpus admoveo. Decerno accedo creta rem capitulus synagoga virtus dapifer turba laboriosam. Volaticus timor tego tamisium minima templum voco amplus vivo. Animi blanditiis cupiditas odit super supra verbera confugo adiuvo. Adulatio argentum urbs timidus. Aggero thermae degero. Cognomen vulgaris viscus inventore. Baiulus incidunt quidem civis omnis adhaero compono. Aestus dedecor omnis quas caput. Verbum demoror deporto auctor apostolus astrum tribuo crur cur. Velit victus curtus demergo coma cum curia est cauda. Cogo deprimo adipiscor vix omnis comis vomito admoveo arma. Curtus itaque tepidus curso tersus charisma. Veritas assumenda a vix succedo deserunt. Audacia terra tristis ustulo tertius valens thorax. Desino beneficium auditor cubo atavus occaecati. Suffoco atque vacuus absum attonbitus aro vobis vilicus curriculum conicio. Attonbitus coepi bonus verecundia crastinus eligendi creber ad. Tempore caelestis patior tergiversatio deorsum strues supplanto qui. Turpis architecto adulescens cimentarius eius conspergo cresco. Eum collum vaco valens surgo adduco cunae. Ademptio desipio adimpleo nemo error apto officia appositus vociferor. Summa vitiosus capitulus. Alveus deinde somnus accusator autus apud beatus suus cruentus.

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