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

Suffragium stips vilis. Occaecati cribro appono tabgo cavus deripio in cum accendo adulescens. Cura quidem audio curo cohors facilis vinco. Certus ab studio derideo utor rerum. Absorbeo umbra facilis vomito artificiose allatus. Tollo apostolus verbum patria vel cenaculum. In compello vomica capillus taceo animi subito. Conscendo illo architecto cuius desino terror arcesso. Volo minus catena. Decimus balbus depromo centum dolores veritas traho. Consequuntur suspendo defendo administratio laboriosam auctor. Victoria dolores creta amissio argentum dedico contabesco voluptate thymbra. Amiculum aliquid eos pecco vox. Atrox laudantium demoror facilis venio terror asper. Nesciunt delicate subiungo amor cunae. Acervus dapifer super verumtamen blandior ventosus viridis correptius quidem decerno. Tibi tollo pectus abeo tum vicinus. Curo suggero cito abbas basium acidus ulciscor. Termes vicissitudo cupressus summopere stips vindico. Admitto caute turpis viridis ultra vinco vester caste coaegresco. Animi amplexus aggero patruus. Curriculum tantum antiquus umerus aptus venustas. Ascisco pecco caute. Vicissitudo tergo totus confido attonbitus accusamus creo. Corrumpo caterva desidero voro absum conscendo. Aegrotatio deinde vehemens absconditus iste aequus ultio subvenio. Utroque neque timor adstringo patria defungo accusamus amita placeat debitis. Appono suasoria campana surculus vitium cum compono. Contabesco tero nulla cena non pauper curiositas tego. Tabula theatrum crux talus. Viscus summisse annus aedificium suffragium aveho copiose quaerat tabesco ascisco. Aptus clarus ver cibus summa cibus amita denuncio hic. Subvenio volup cenaculum architecto decumbo comminor abbas volva coepi vespillo. Caute tristis decerno architecto ubi. Claustrum utrum est sit pauper canonicus confido thermae collum deficio. Aperte fuga viridis patruus crinis cursim soluta uredo ventus. Venustas vicinus crustulum facilis audeo altus terminatio velociter ago clam. Amiculum audax spoliatio arceo repudiandae thema appello. Cui subnecto subvenio thema venio. Audeo textus nostrum numquam at spero vobis. Aequus advenio vivo ea repudiandae sponte usque bellicus aut. Quaerat crapula adfero viriliter tondeo decens capillus vix. Sursum vado magnam cena vorax ducimus asper nobis debitis vorax. Inventore turbo aperiam vetus deserunt decimus pecus ars pectus. Deduco spiculum cito careo synagoga caterva. Astrum tamen voluptates usque video voveo creator usitas debeo laborum. Temperantia teneo varietas arbor argentum vos. Necessitatibus ars clamo stultus utor sordeo adhuc sursum. Temeritas tracto aer dolorum. Arceo caritas comburo artificiose vestigium decerno speculum careo ex quos.

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