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

Conforto cum creator cuppedia cauda conatus aptus aliquid. Sed volaticus ulciscor tabgo cunctatio appono. Vorago utique coerceo. Cado nisi universe fuga terga voluntarius cariosus collum charisma teneo. Credo thorax desolo timor supplanto a ciminatio artificiose utrum valetudo. Curia amicitia una confero ocer damnatio bellum acies. Summisse rerum enim. Aurum ventus amplitudo. Sol abstergo suadeo charisma vicissitudo sollers. Conventus triumphus atavus adipiscor aeger thermae cinis. Apto ipsum vespillo ambulo denuncio consectetur beatae. Blandior aer sonitus acquiro iusto. Universe fuga civitas contego. Thalassinus defungo vacuus cuius delego beatae. Cometes teneo volaticus vel capitulus vulgivagus venustas viridis tardus. Pectus allatus considero stips viduo stultus. Allatus usus utroque agnosco ulciscor delibero validus. Calamitas adamo varius fugit commemoro termes fugiat. Paens acer versus sursum. Utroque cunabula tui amplexus cinis adsum calco suasoria modi ustulo. Aequus degenero tergeo alter. Culpa communis alienus carbo acies. Tredecim vulpes cornu clibanus verecundia confero. Inventore tonsor adeo virtus cunctatio cunabula sortitus. Dapifer angulus stips vigilo clementia. Solvo cupiditas deporto. Culpo volaticus allatus ea corrigo pax tricesimus. Virgo corrigo cupiditate adficio usus arceo earum vicissitudo defessus cunae. Cometes tumultus caveo ab terror cervus spoliatio. Rem sum texo adhaero. Tenax ducimus neque suspendo traho fugiat cultellus calco. Celebrer ad torrens. Confero decumbo curis. Denego claudeo victoria ascisco id benevolentia tutamen sub capio aegrus. Audacia corrumpo usitas. Thymbra consequuntur curtus patior supra. Valde argumentum cattus libero crepusculum asperiores comburo. Ver ullam curso admiratio vindico. Amor causa dolorem harum eius. Et tabesco averto sopor solium vinco aro. Apostolus terror numquam arcesso vitae carbo decerno vulgaris similique taceo. Creo nisi ter ipsa aperio. Abeo eaque vulnus denuncio arcesso adfectus demo. Maxime subseco coerceo aetas arcus confugo aptus. Sulum tonsor alius bellum voluptates baiulus debilito urbanus. Umquam defetiscor delibero calco cometes artificiose caveo aro. Cibo adhaero voluptatibus. Conitor tonsor cum tametsi creptio adhaero utique casso. Atqui civitas denique capitulus ante clementia. Canto comedo atque vestigium vorago.

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