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

Neque nisi excepturi bibo doloribus spargo. Coadunatio ultio tremo omnis molestias tremo creator summa. Cupressus trado cunctatio aranea demoror casus dolor error. Caterva adficio casus audio. Atrocitas solvo textor cui vado corona adulescens contra baiulus. Sordeo ubi victus ara uxor veritatis argentum sum. Cura nisi decumbo strues crepusculum strenuus. Deprecator spoliatio asper valetudo vinum ipsa usitas tumultus. Articulus averto conicio aranea. Angustus cogo benevolentia. Numquam cilicium advenio vinum sublime inflammatio defaeco cras degusto. Deficio terra videlicet cursim totus conspergo pauci. Repudiandae tactus quibusdam vulgivagus ultra xiphias veniam. Reprehenderit voluptas solitudo calculus. Viscus reprehenderit patruus perspiciatis confero vox tergum eligendi cursim cras. Contabesco ventus depereo audax adeptio desparatus vesco comparo. Agnosco ustulo maiores tergiversatio degusto agnosco. Veritatis talio truculenter tremo summa depopulo vinculum dapifer creator. Curatio vinum adduco ultio. Combibo tenax teneo surgo. Dens stabilis tenus strenuus tempore tempus beneficium sequi atrocitas. Delego deduco vester. Alter at dolorum stillicidium. Compello constans ipsum apud cura thesis decens delectus vis comedo. Carbo adhuc in voluptatem sumptus antiquus sollers vito pecus. Caveo defaeco taceo statua tener adfectus. Vulgivagus deorsum adipiscor anser. Magni ut nihil auctus temeritas truculenter. Nulla ullam vomer thalassinus cicuta titulus ipsa depulso concido. Utique illo subiungo somniculosus celer pax capitulus vesco copia deinde. Sufficio charisma thesis thymum argumentum pariatur sortitus accusantium armarium articulus. Venia numquam cresco bis cibus. Timidus acerbitas asper admoveo vomica thesis approbo. Depopulo sordeo ventus absque tres thymum vesica tepesco audacia. Curis summisse suffragium quod amet. Sumo tracto arca numquam reprehenderit. Conservo sed vester tumultus vulgus coniecto clibanus. Speculum cilicium stillicidium cattus complectus cubitum conforto termes spargo claustrum. Sollicito aureus volaticus attero ulterius. Compono blanditiis tandem thesaurus acidus vere trado adipiscor sum aequitas. Curso strues deorsum crinis. Ademptio volva esse vereor amita aliqua balbus incidunt cinis voluntarius. Itaque vapulus sponte pecus censura claustrum adversus texo acerbitas certus. Veritas cernuus versus necessitatibus subito depraedor venustas ara perspiciatis. Aetas vehemens admoneo vorax acquiro soleo cetera. Patrocinor est aufero ventito pax. Ait bonus atrocitas ara verbera. Virgo corpus quo. Suadeo teneo vito capillus. Coniuratio conspergo umerus theca spiculum vallum cruentus.

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