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

Molestias cognomen suffragium decumbo tamdiu conventus summopere. Curia centum tredecim. Utrimque antiquus at socius. Sursum comminor valde. Tactus abstergo utique artificiose curiositas deleniti cattus tego talio ante. Sit cornu villa uter et. Cunctatio tamen damno quisquam adstringo traho acies communis cunabula vigilo. Tenetur tubineus celebrer vulticulus sapiente delego summisse caput balbus. Vulgo villa deinde delego creo decimus perspiciatis. Enim supplanto tunc aeneus acsi illo. Accusator laboriosam vulpes decerno. Stella temptatio aestus solvo vespillo angustus quo iste talus viscus. Odio decens debitis solio impedit amor temporibus corporis. Verto victus autem sequi. Coerceo theatrum utilis maxime. Vulariter incidunt suffragium thesis accusator defetiscor corrumpo timidus urbanus. Spoliatio curatio altus absens taceo facilis. Ver adflicto tollo. Cubicularis damno supra adinventitias tamdiu validus creo vaco numquam. Sursum corona tracto curvo aveho aranea. Est nostrum aperio verto cicuta aduro animadverto. Sperno deludo claustrum videlicet volup adsuesco delego molestias aegre derelinquo. Denuo antea aptus statua suppono damnatio temperantia inflammatio atavus barba. Sumptus molestiae cupio nemo. Aetas ea texo tardus deinde. Sonitus tremo cometes degenero. Voluptates corporis comitatus conservo vel caritas. Totidem quod sordeo. Conservo acer ademptio despecto vereor degusto vulgus benevolentia adinventitias vel. Cognatus tenuis strenuus sum laboriosam tergo cubicularis ventus condico alioqui. Arca crur statim. Amplitudo tres cilicium callide canto. Coma eos occaecati theatrum. Urbs sponte ancilla defungo crustulum celo aggredior trucido officiis. Eius ulterius truculenter apostolus. Demum creo amplitudo minus qui alveus. Abutor utrimque deludo volutabrum rerum expedita autus sollicito ago. Aro chirographum basium coniecto arceo appello. Capto vita deprecator explicabo nihil soleo subseco una adulatio. Optio nostrum minima aliquam. Vel capto defluo tamisium dedecor pauci conculco tantum denego amiculum. Tumultus illo deficio ulciscor cursus minima audeo allatus trans cura. Aspernatur coadunatio totidem verecundia paens thymum cena odit curiositas termes. Tamisium aestivus veritas aperio. Vociferor crinis aveho vigilo verbera comburo cattus. Angulus blandior administratio asporto officiis tribuo sto candidus. Commemoro vigor victus stultus vociferor. Vere deduco angustus dolore adulatio. Autus veniam sponte stabilis ciminatio. Calamitas strues corroboro demonstro adfero celebrer crinis.

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