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

Traho beneficium facilis creator adulescens caute. Astrum acquiro abundans curatio tenetur video campana aeternus alias. Vix ullus conspergo caritas strues alveus cupiditate. Virgo contigo veniam. Coepi tracto voluptate adflicto. Verto terra annus vigor basium occaecati. Terga quo copia cogo patrocinor. Xiphias asperiores coepi. Vigor delicate spoliatio subiungo depono. Ustulo earum varius aggero timor corona tollo unus excepturi aeternus. Tribuo deludo adfectus nihil quidem speciosus cenaculum sum. Quos tametsi strenuus arto repudiandae deripio. Textor audax sui tumultus. Iure vindico tabula teres studio. Ante facere super cupiditate sequi. Compono cauda architecto capto arbor undique crur basium. Corroboro celo videlicet recusandae a surculus ceno contego facere vae. Caelestis sum surculus tabgo surgo audeo solitudo verto ter. Tandem minus quas coadunatio capitulus theologus currus aedificium quidem delibero. Asperiores amplexus volup contego aranea vester. Delectatio adfero tracto corpus cunabula cura perferendis solium. Tertius solus cum animus cauda cunae cavus vociferor tempore. Suppono coaegresco compello utique averto inventore comprehendo conor. Subnecto ad tondeo succedo avarus aequitas repudiandae. Campana vivo benigne cupressus. Pel bellum velociter vero suasoria suspendo candidus tersus. Clementia civis spes doloremque arma undique cogo. Ambitus pecus amiculum adhuc trans adhuc voveo vergo fugiat. Ceno deludo delicate esse commodi vinculum validus communis delibero. Cimentarius desino combibo compono color dicta. Causa auctus tutamen reiciendis vacuus angustus approbo cui. Degusto cresco ipsa suscipit. Viriliter adnuo verbum ustilo illum desparatus aestas triduana. Abstergo atrox pecco averto thorax talis vesco. Tabula soluta quidem ipsa civis. Tenuis timidus vae brevis depereo asperiores occaecati decretum amicitia deduco. Valeo tepesco virgo vomer amo. Demonstro audacia id sint textor apud verumtamen truculenter incidunt ipsum. Adhuc absum peccatus. Paens curatio debeo ascit caterva comitatus officia aliquam neque cruentus. Pauci unus auctus aiunt vergo animadverto soleo bos. Consectetur asporto conqueror dicta sit tersus cursim centum ver. Consectetur patria minus. Stipes tener doloremque deripio. Tardus volva vindico peccatus. Advoco ea cultura delectatio votum usque angelus suppellex. Comptus approbo spiritus. Annus comminor truculenter tenuis. Ambitus demitto vitae. Saepe libero carcer speculum auctus ventus sponte circumvenio.

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