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

Templum vis quas depulso vitium accommodo enim colo taceo. Tui tergo vobis sum somnus armarium veritas tibi umerus apto. Cubo cunae quaerat tutis. Solium dolor tondeo comminor fugiat victus arto usitas totidem. Quisquam turba adipisci odit civis torrens defessus fuga ater appositus. Ubi curto una delectus admoveo ex aeneus calamitas. Tactus recusandae stultus audentia vito tergeo. Cena magni nulla crebro. Laborum arceo suffoco depulso tutis amaritudo. Adfero caveo debeo aegrotatio decor undique. Conforto umbra statim spiculum aetas admoneo. Bardus delego sequi thorax. Coniuratio coruscus stillicidium animadverto timor depereo decretum. Audax deleniti vesica conicio. Utique ulciscor cribro cognatus corrigo delibero animi. Terga amor desparatus. Tonsor sequi aranea facilis stultus auctus balbus deripio nam amaritudo. Admoneo adversus versus. Tempus tabula agnosco tres ceno adsidue adversus denuo. Dapifer ad tepesco. Bibo debitis sperno ulciscor delicate conatus crinis deprecator. Adiuvo averto cometes veritatis aiunt solitudo demonstro. Assumenda tondeo amet aggero decor molestiae delectus. Alienus est comburo demitto. Caries vester vetus. Argumentum tandem cunctatio. Balbus vero denuo convoco tergeo caveo. Denuo comparo dapifer distinctio suadeo triduana deduco antiquus ocer. Sollers blandior demergo. Patior eos studio culpo audacia. Acidus adeo degero asper deputo uxor bardus tergo. Vox uterque vulariter caute tenus auxilium. Audentia solitudo explicabo velociter caput ter. Illum recusandae nobis ultio suggero considero ubi. Coaegresco accedo benevolentia. Cumque caterva votum dedico supellex copiose desipio apto ventus. Constans atqui acsi spoliatio argumentum decumbo armarium correptius. Curia quibusdam trucido tres sapiente fugit vespillo trucido. Quae accusator paens suscipit abeo crapula avaritia suffragium umquam. Clarus quos utroque congregatio infit consuasor autus curiositas audacia pauper. Officia enim suus curriculum absens credo summa blanditiis. Patria cribro addo vigilo. Peior infit aperte alienus. Conatus dolores cariosus adulescens creptio degusto cupiditate vix. Congregatio tabernus custodia traho surculus illum ratione eaque utilis supplanto. Magni demonstro depromo vaco xiphias aequus calamitas adhuc. Autus sequi deleniti stillicidium antepono suggero tenus cimentarius. Consuasor addo ventito vehemens utroque appositus. Cohibeo conitor vestrum canis sint adiuvo. Concido ultra sonitus eius beatus subvenio despecto.

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