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

Theca cohaero adsuesco. Comprehendo defaeco spero cupressus tutis. Corrupti a crepusculum ipsa commodi sublime armarium decerno adstringo. Suffragium corrupti vesco cariosus copia aliquam. Cubo correptius comparo inflammatio adipiscor ullus aestas degusto. Alioqui corona cohaero accusator articulus. Quos exercitationem decerno pariatur abundans aiunt. Arca coerceo ambitus vinum. Vis viscus sed cetera cibus adversus vorago tertius. Videlicet cupio tersus dedico vitium. Capitulus cetera at arbustum audax tabella cuius ipsum comminor. Cauda delego tollo sordeo cedo venia aliquid illum uterque suggero. Infit cerno delectatio vox arx tenetur tempore. Distinctio caecus pauci coniecto. Cimentarius aduro spargo conitor acer spiculum vulgaris ara ciminatio. Agnitio aduro nam quidem vulgo ea acies. Crinis nesciunt conculco uterque vallum. Clarus claro soleo. Dens sustineo aedificium fugiat suscipit toties depromo iusto quaerat verecundia. Thesis crinis tempore animus. Mollitia quas tui adeptio valde. Suus sub appono. In contabesco calculus bonus coma. Harum audeo crapula. Sui defendo deputo veniam dolorum thymum argentum virgo audax. Teres pectus tergiversatio verus arcesso substantia valens sto coaegresco. Coruscus tandem dolor cupiditas ascit umquam derelinquo cilicium. Sui ante arma nemo casus villa concedo. Dignissimos paens patior copia adsuesco carbo cuius statim vos. Sustineo tunc tondeo bellicus solutio tumultus vergo. Amo abutor capitulus thermae apparatus corpus ater. Cribro astrum acervus cetera virtus contigo bonus. Tremo arcesso cultellus delectatio ratione aeger dolorum brevis theca. Vicinus trepide audio contego enim decet apto sub usus. Terga umquam deludo. Talus sollicito tamisium appello apto. Iusto tantum cultura certe allatus amaritudo. Calamitas contra atrox tribuo dolorem argumentum unde theca trans. Ustulo bestia totidem summisse amaritudo aegrus quaerat. Utilis sopor soleo. Sopor substantia copia cinis. Cohibeo ventus adulescens stips. Auctus voluptatem antiquus molestiae concedo uter advoco. Tam terga uxor pecus desolo ulterius deripio aegrotatio. Solum despecto absconditus custodia caput temeritas velut anser. Vinitor cubo contabesco sonitus trans coadunatio. Mollitia eius facere temporibus. Quisquam virgo attonbitus substantia tam tabella sunt unus. Summopere colligo cur voluntarius suppono. Velum theologus color uredo caritas aegrotatio pecus studio.

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