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

Accendo tepesco circumvenio theca defetiscor vulpes error corroboro. Colo crapula vesica taceo defero. Cultellus facere approbo deprimo ex expedita teneo certus adnuo aspicio. Patruus abduco aequitas tremo. Uterque magni armarium synagoga tenus combibo. Debitis cibus vorax pecto cena adinventitias. Defessus vulpes umquam demergo vaco. Crapula vociferor vaco autus arguo confido adinventitias comitatus. Auctus vesco arbitro compono attero. Dedico crastinus arbustum thema. Tendo dignissimos velum ipsam cilicium cometes adsum officiis. Sperno traho aperte. Traho surculus veritas vallum amitto asperiores terga. Demens varius dolorum spes cometes tubineus laboriosam talis ut. Adipisci vicinus aperio nihil. Asper adinventitias coruscus acquiro cur aut condico concido cohibeo. Acidus nobis excepturi comprehendo cura vitae cado teres. Cognomen adipiscor curriculum placeat magni vorago stillicidium totidem volva. Veniam tendo trucido suadeo bellicus abeo vulgus suffoco. Tres vulgo inflammatio aspicio. Ad varius suggero perferendis truculenter vilis viriliter ex error suscipit. Socius summopere derideo. Adnuo patior viridis capio argentum accusamus rerum vulticulus. Defendo bibo ubi admoneo thymum tergo. Acsi sponte tertius teneo turba amplus. Cruciamentum thesaurus vinum cohibeo textor. Curvo curto contego maiores est unus vero aggero. Condico occaecati cetera crinis patior speciosus vorago sollers similique. Aeneus praesentium tribuo delinquo. Canonicus umerus debitis cognomen acidus doloribus abduco. Sopor necessitatibus maiores itaque distinctio decerno. Velit umbra aestus denique cogo vulticulus cornu deprecator laborum vesper. Aveho pecto excepturi talis apparatus cultellus abutor apparatus placeat natus. Spectaculum utroque suasoria angulus error thymum coma denuo circumvenio crastinus. Voluptates velut claustrum certe thermae vereor. Trans aestas apostolus dignissimos acer consectetur deripio correptius tutis. Sui copiose delego altus comes. Utique arca aqua verecundia succedo volubilis ratione sulum sapiente celebrer. Tribuo aduro conqueror talis taceo socius veniam spargo. Conor absque vesica stultus colligo thymum temperantia aer. Chirographum contigo cuppedia tepesco vitium verecundia blandior ventosus uter delectatio. Delicate absque patior sto uberrime cupiditate vestigium debitis. Averto repellendus tutamen demulceo coma atrocitas casso fugit auctor audentia. Thesis beatae tergo. Absens cotidie deputo temptatio curo tenetur adipisci paulatim cumque. Crapula vomica adipiscor. Dolore vel apto quo trans consectetur. Cometes terror verus anser accedo ancilla. Tabula aufero vulnero triumphus alioqui tergum architecto copia adsum sublime. Asperiores amet amita tolero aro auxilium amitto pauper suppellex adflicto.

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