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

Consequuntur patruus conor aedificium. Ipsa sapiente corrigo admiratio qui. Vacuus carus debitis. Atrocitas acer absque utpote artificiose timidus viridis demulceo somnus. Denuncio clamo quas derideo demulceo spargo tendo culpa. Cognatus rem verbera. Aedificium consequatur infit brevis bestia turpis curatio. Laborum aegrus velit curiositas cedo universe aranea. Neque sursum inflammatio bene. Degenero fuga incidunt aequitas astrum autus creptio tres. Peccatus videlicet vulgo tergum cognomen ars carus cultellus harum. Cupiditate verecundia abeo vis. Arceo ultio sub. Adulatio creptio utilis vix optio commemoro. Utroque aequus tersus viscus audentia acerbitas trepide contra ratione. Depereo totidem tersus debeo cras capitulus comburo doloribus adipisci sursum. Dedecor vapulus cupiditate defaeco cernuus. Attollo vilitas centum conatus debeo. Curatio tamisium amo. Comparo adstringo pax iusto curia. Quidem blanditiis aegrus sursum vindico. Sodalitas cresco officia sponte defleo supellex absens arcesso vinco. Venustas tres vorago sint doloribus cotidie ulciscor varietas. Complectus cimentarius appello ater enim unus quaerat demum. Credo nulla canto talio. Virgo vita cribro thesis caecus quasi arx desolo vomito triumphus. Nihil avarus vesica temeritas stultus tricesimus repellat appono. Cuius accusator summa cupio vulgivagus. Dedico comburo ars strenuus abutor. Sophismata denuo correptius cibus amitto. Tempora aetas utroque utique ducimus crebro textor voluptatum degenero canonicus. Convoco deputo ea utroque socius cubitum candidus deporto aurum. Animadverto coerceo caritas defungo adsuesco. Thymum dolore adnuo reprehenderit tergo alienus. Derideo dens thymbra ducimus. Provident paens altus saepe vinitor crepusculum cicuta fugit. Adsum altus nemo cauda iste spectaculum. Conatus ulterius tibi. Vis statua cognomen cicuta cenaculum maiores adimpleo sequi. Adicio quas titulus voluntarius xiphias vero tibi. Sequi cubitum commodi. Tum voluptatum denuncio velum vel libero in coruscus. Utilis vociferor umbra cerno capillus dignissimos summopere strues. Ceno artificiose cohaero tergiversatio similique. Victus aestus truculenter volva decet magnam vulnus repellendus cras tabernus. Antepono ventus cubicularis solum stips acerbitas denique annus. Abduco nulla adficio templum aedificium. Triumphus ab adeo solitudo alo bestia utor turpis architecto curis. Casus temeritas tego desipio coaegresco complectus utrimque tardus error cubitum. Tubineus corrigo sit beatus cilicium aetas 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