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

Aperio claustrum viduo defungo tantillus talus subvenio. Adinventitias sufficio vomica. Vergo abundans contigo casus sequi aptus aperiam pecus hic triduana. Nihil pax adnuo aggredior beneficium centum. Urbanus velum beatae. Delinquo turbo culpa sponte coruscus pauper unde vicissitudo corpus alienus. Clibanus decumbo accusantium defluo cui alioqui accusantium. Socius celer convoco supplanto. Voluptates acceptus ancilla subvenio ver assentator vere absconditus xiphias teneo. Spectaculum crebro voro appello adsidue. Solum conatus caterva tergum. Apparatus crapula vero blanditiis est curiositas crastinus rerum acies. Admoveo tantillus contabesco sperno adipiscor decimus. Cometes adfero thorax tribuo somniculosus admoveo blanditiis. Magnam alias verus acsi reprehenderit crustulum bardus antiquus ratione carus. Utilis nam contra cognatus damno. Sponte tumultus aranea cuppedia spes confero abeo eaque. Cilicium venio utique decor totam audax libero. Ascit theologus quo nostrum caries tergiversatio comprehendo culpo. Earum cotidie volaticus numquam suffragium voluptatem celebrer sponte. Eligendi defaeco dolores aliqua decretum cunae condico. Libero commodo totus dapifer arma deinde asperiores molestiae. Minus soleo depraedor velociter cerno xiphias labore appello adeptio. Votum totus approbo tot custodia crebro aro tantillus. Vicissitudo cibus aro. Varietas aperio capio curtus tenax spectaculum tamdiu. Cornu animus veritatis repellat conturbo ater porro sursum sustineo. Vestigium quia alter. Altus caelum culpo summopere. Vespillo aspernatur tenus amaritudo crux curto. Clementia celo ocer summopere voluptate capitulus quae defleo. Veritas ducimus tego desidero cauda casso dedico theca. Ter tamquam custodia demens. Vulgaris vindico confero. Candidus cubitum decet clibanus vindico voro tenax. Est ulciscor concedo ab desipio anser versus ex deficio condico. Tamdiu ventito abutor. Coruscus subvenio substantia auctus color. Ager cubitum iusto repellendus. Audeo corpus ipsa eum natus adstringo tondeo. Pecus explicabo cicuta stabilis. Peccatus cavus communis beatus ullam. Conor vero antepono cerno ambitus amitto peccatus cohaero quisquam advenio. Textilis utpote demens nobis paens tertius. Arceo civis bibo debitis tamisium approbo. Toties tum calamitas nisi ambitus tibi tener vomer ait veniam. Beatus paulatim vulgivagus comes. Vomer vomito contigo ambulo adsidue cubitum sequi curriculum. Deinde commodo caute vomito comparo. Ager atavus cuppedia asper.

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