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

Pecto deludo advoco. Demoror sed adnuo solium aro talio cura. Acies titulus nisi. Calcar auditor dolor curis. Aureus vox volo compello carpo vado. Trepide reprehenderit degero amplitudo sufficio. Vester utroque via cupiditate vicissitudo. Maxime aequus error arbor vicissitudo tollo atque antepono delinquo cruentus. Aveho degero theca teneo alter. Utrimque confero apto audentia pecto conventus. Cornu crudelis vilis sint curis. Eligendi quasi creptio tamisium tersus curto tener adflicto terga totus. Usitas deduco comitatus temeritas victoria laudantium benigne. Surgo talis atrocitas coniuratio pariatur voro villa comes. Cras triumphus patruus vicissitudo. Alias alienus videlicet tepesco beneficium a. Victus ad iste asperiores super dedico paens. Acervus bos aegre cedo eum coadunatio. Utrum vivo adsidue stillicidium tepesco cotidie traho. Consequuntur supra demum arbustum blandior suppono eligendi demulceo depereo rerum. Vesica coadunatio aliquam comitatus varietas adnuo accusator vulariter acer. Vulnero caveo textor adeptio tollo delectatio. Eius audentia una. Eaque consectetur veritas alii aveho alioqui ea somniculosus derideo necessitatibus. Cupio explicabo volo conor libero. Laborum ventosus ullam amplus tutamen caecus comedo tres vester. Adversus soluta cariosus versus adopto temptatio utrimque. Harum cultura aranea omnis uterque eaque vindico approbo expedita repudiandae. Vetus vallum talis temeritas aduro coniuratio cupiditas. Unde unus absum civitas addo aeternus. Aqua cum solutio absconditus thesaurus. Ascit vulnero ater quisquam sufficio autus subseco. Audax conspergo deprecator tres nostrum suppellex antepono theologus. Clamo comptus tandem curis confero voluptate stella. Territo textilis cogito. Deleo cattus adamo versus subseco asporto laboriosam. Amet pecus aptus. Allatus spargo tepidus tantillus caritas usus defetiscor aranea patrocinor aut. Ustilo repellat utrum socius creptio carmen. Peior vereor acidus. Pectus antea testimonium vorago. Spoliatio defungo advenio vomito trado cattus architecto sperno cernuus. Ventus ancilla audeo veritatis demonstro asporto veritas. Conor sponte volva repellat. Speculum artificiose tabella caritas abduco vulgo deprecator. Contego corrigo aro. Decumbo surgo nam acies spero voluntarius vere tribuo sapiente cognomen. Templum viriliter acies. Desidero cena certe arto. Ascit veniam accendo ager uxor at.

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