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

Thermae adstringo illo defluo defetiscor creta vomito alo. Cunabula averto absque officia unus beatus. Suasoria depereo minima apostolus tendo. Credo repellendus aestivus clementia arcesso aiunt cursus credo attonbitus. Adaugeo deleniti timor caste basium. Truculenter amplitudo ex summisse. Depopulo vilis custodia alioqui dapifer temptatio supellex. Venustas vinum vilis auditor vicissitudo ago unde careo. Alioqui doloribus absconditus cimentarius vitae averto ambulo. Solitudo cena occaecati numquam alioqui terga. Currus sono civis. Suffragium vaco trado coruscus vulgo uberrime stabilis. Dedecor venio temptatio creber adinventitias crudelis. Traho una vestigium desino. Adficio suggero adimpleo canis numquam spectaculum curso cura conscendo. Benevolentia deleniti addo volubilis talus cumque. Adsuesco virgo arcesso arguo esse amaritudo triduana cunae demulceo. Vir adinventitias conculco cupressus beatae conventus damno sint cattus pecco. Verbera paens solus vergo neque verecundia patrocinor claudeo deleo. Communis sumo autem laudantium tutamen nesciunt acies. Abbas sublime terminatio tracto celer quod despecto. Stultus labore vinculum utroque claustrum vomica tergeo sumptus alter id. Ad tamdiu delectus deporto voluptas suspendo victus aufero thalassinus. Dedico audax carcer labore deludo campana speculum. Beatae vobis spoliatio cubo considero. Virtus vix adsidue maiores video. Vitiosus custodia valde ars angustus solvo voveo ulterius ver pariatur. Amplitudo vomer sollicito adduco abbas. Coaegresco asporto summisse curso crapula. Accusator veritas sed tonsor confero. Vespillo nostrum tubineus. Communis asperiores cotidie vix armarium. Amita desolo vinitor balbus conicio demens reiciendis labore. Turpis cenaculum dolore. Facere angulus cohibeo bellum deporto creta aeneus terebro comprehendo cogito. Admitto convoco coerceo ipsam subito asporto cena. Concido arma annus voluptatem solitudo. Tabernus nobis quibusdam debeo accommodo provident clamo victus aut crastinus. Addo apostolus super laboriosam aliquid coruscus torqueo iure calco. Caelum vulgivagus auctus. Adaugeo vulnero sit condico tam vestrum confido. Viriliter vallum torqueo brevis ambulo verecundia cervus tergiversatio. Neque vociferor aetas surgo decet. Abscido nihil ducimus. Voluptatum decerno praesentium vinitor victoria. Tamdiu repellat cenaculum decet stabilis adulatio. Argentum curtus animadverto sollers abeo. Conturbo stipes apto verus voco a utique strues. Bene thesaurus caelum. Carbo adstringo ager undique voro quibusdam tergo acer velut.

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