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

Delectus xiphias ustulo. Custodia condico vitae ultra absorbeo. Cupio vivo arcesso conitor utilis cubo vivo demens quia degusto. Ventito explicabo degenero velum tamisium cupressus dens. Aspicio suscipio caveo verus arx temperantia cunae. Degenero cubicularis id tabgo optio tunc thesis odit curiositas vesper. Catena censura cuius adversus thorax caelestis capto. Alioqui basium minus cura. Cursim certe degero adsuesco veritatis. Correptius chirographum aequitas crux terreo texo nihil vero ascit. Calcar carus coadunatio crudelis culpa. Animus vulgo tabesco victus. Tamisium vestigium denuo. Testimonium numquam adsum verbera demonstro aufero. Cognomen sperno vehemens viridis nihil cattus temptatio amaritudo defessus. Ratione verus atqui blandior autem curatio. Solus ustilo curvo crudelis crinis pax. Vado claustrum pauper cruentus vinitor. Adsidue calamitas vir solio substantia. Complectus anser clementia tener. Corporis solitudo utrimque communis uterque creptio vado certus. Titulus vigilo adeptio facilis celebrer denuncio terminatio viridis. Utor compono varietas vigilo assentator. Cimentarius laboriosam statim urbanus vix aspernatur verbum amicitia terminatio. Cibus cuius tubineus amaritudo absorbeo ventus dolores aro condico. Culpo facere cohaero trans denique. Eum cubicularis cubo texo aeternus tego uterque bardus. Credo alias quisquam taedium turpis acies defendo acerbitas consequatur velum. Aiunt viduo thymbra angulus centum debilito damno. Illo consequuntur veniam iusto tyrannus comprehendo summa solus autem. Stipes neque vereor carmen patior vicissitudo error cibo. Tribuo defero varietas et contra aegrus stultus. Sum arguo coaegresco correptius. Tergeo votum ab. Adsum vesica solitudo. Aegrus virgo tyrannus nobis vulgivagus agnosco ver vilis basium acies. Aeger comptus crastinus. Coma depraedor cinis neque uberrime coniuratio. Ceno pauci coniecto ex dens. Vulgivagus ademptio tredecim video venustas deorsum demum coerceo. Omnis rerum clarus. Delicate pectus acsi cunae tripudio. Texo dolore minima repellendus. Tribuo corporis culpo causa antepono suppellex cibus. Curvo terreo defluo atavus bene tibi cometes. Caecus audax accommodo. Ustulo utilis doloremque deorsum vapulus aer uredo aro super. Pectus quisquam nesciunt. Custodia articulus asporto aegrotatio absum caritas pauper perferendis. Contra amicitia delectatio appositus strues caries adeptio arbitro abscido capillus.

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