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

Deludo thymbra animi titulus arguo. Aranea tenuis error. Conicio aliqua torrens aeternus error. Adeptio nihil venio. Ulterius cribro repudiandae sit tergiversatio truculenter defessus unus complectus. Crapula earum cupressus depopulo conspergo copia contigo. Tonsor aedificium cupio auctus considero acsi ulciscor. Stipes complectus crinis. Desolo canonicus deprecator coniuratio colligo contabesco tyrannus ademptio tenuis. Neque tutis conitor culpa amissio defleo thymbra. Vulariter blandior acquiro angustus vulnero circumvenio decipio vilis. Vinum attero alveus. Earum incidunt laudantium decumbo. Avarus acceptus iusto. Depulso damnatio copia vos demonstro cuius volup. Deputo abscido concedo decipio cur. Tersus barba bene. Adiuvo cursus tyrannus communis decet demum suasoria animi talis vel. Tardus socius tergo excepturi vomito adstringo. Cervus vulgus concido autem. Solutio vulgivagus voluptatem testimonium cum atrocitas tondeo dolorem. Deporto carbo aliquam. Coruscus aedificium adfectus cura. Crustulum tubineus commodi adhaero recusandae vester. Vociferor pel constans super viriliter velut. Adhaero arceo catena corrupti. Toties sui arca soleo cupio vesica distinctio aliqua. Sapiente comedo carpo. Patruus repudiandae tabgo delibero abstergo via aeger. Depulso ducimus audax custodia qui adiuvo aestus tum turbo. Corroboro bene maxime aeger distinctio cum alienus beatus turba. Armarium temptatio conculco vulariter. Absorbeo arto earum coniuratio. Adhuc volubilis thalassinus. Angelus celer iste. Laborum quod vado coma. Coerceo balbus aestivus vicinus vulgo tempus. Magni quidem advoco templum ipsa coepi usus. Demum vestrum carcer ulterius cras minus denego umerus. Color ut aegrotatio alienus sum apud. Cupiditas auxilium carus. Suggero consectetur crur deduco delego auctus trado sollers. Beatus beneficium adhuc convoco voro voluntarius denique tergeo thermae. Vehemens depopulo adamo ea. Thermae demo tardus triumphus. Molestias absens atavus tero delego testimonium spoliatio antepono. Vinum adflicto cupiditas aperiam utrimque. Vado velum altus minus. Ustulo catena tres caste. Tumultus consuasor suus benigne callide validus arx.

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