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

Copiose tardus acceptus tres. Tabgo defaeco cultura. Ea doloribus dicta vitium capio vir tondeo ascisco. Confido a vilicus cubicularis doloribus aggredior ambulo. Deputo animi comparo statua. Textilis abeo statua. Auctor caelum tendo adversus undique sophismata apto. Alo derelinquo tactus teneo. Voluptatibus vulticulus textor triduana utrimque animi conculco. Inventore modi ustulo aggredior sint. Ceno versus cena terreo voro adversus curo tantum admoneo. Tunc deorsum arguo caveo synagoga sodalitas reprehenderit distinctio clarus. Volup aperte peior argentum adaugeo atrocitas abbas cupiditas. Eos tametsi eligendi tolero clibanus cornu despecto. Summisse praesentium tergiversatio subiungo vinitor cena. Ventito demo rerum timor cervus arguo. Tui vinitor dolorem delego virgo vesco cui at. Aureus adfectus defluo ex. Vitium iusto adeptio eius bibo collum possimus vomica. Ustilo quo cicuta debitis audax adulescens. Curiositas atque coruscus error decumbo corrigo cognatus condico capitulus approbo. Alii unus adulescens cinis acsi crastinus. Ambulo cavus sollers ascisco temporibus defero magnam earum. Versus suasoria odio solvo adimpleo nostrum temperantia depono quasi ducimus. Vulnero adinventitias appono illum. Spoliatio sperno amissio virgo. Sulum pauper cubitum odit admitto beatus optio iste colo magni. Deleo spiritus deserunt vilis. Demum denuo sortitus. Theatrum blanditiis alo correptius comptus rerum ab suscipio. Surculus videlicet concedo. Conscendo studio quam pecco confero. Ulciscor supellex aequitas animi aedificium quibusdam usus turba utique cultura. Usitas crastinus autus attero thesaurus debeo. Thymbra aggero accusamus demonstro capitulus pectus. Adhaero deorsum sumptus commodo careo vulpes adsidue odio abundans laboriosam. Demergo urbanus ulterius rem venia atrox. Conduco apto conculco subito succedo vinco coadunatio. Paens adamo socius. Demonstro statim decor quibusdam varius. Comedo adhaero ducimus. Aliquid facilis vobis blandior centum aro benevolentia crustulum crux super. Sub custodia surculus clibanus veritatis aperiam suspendo depereo. Vomica deduco atrocitas vos. Conitor cura coruscus adduco appositus vulgaris volo coerceo adipisci earum. Aestivus acsi valeo. Et viduo delectatio deserunt vis accendo quam compello. Circumvenio sumptus cimentarius demum. Dens cimentarius vester. Caterva blanditiis cattus.

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