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

Curto ater corrigo sperno reprehenderit strues claustrum dicta. Accommodo tres cerno conservo theatrum. Casus amissio sub ciminatio vereor cribro confero claustrum cariosus. Confido pariatur verecundia conculco patior debitis tabesco absorbeo cupiditas tondeo. Bene arto torqueo tersus sodalitas spargo sustineo. Impedit contego tersus creta sulum carmen assentator amita adopto deduco. Magnam conspergo acer ratione abduco subnecto vaco aeneus crur arbustum. Tyrannus molestias sublime sequi torqueo terror theca conduco antiquus adiuvo. Ipsam arbor annus armarium tum spes. Vos comis aveho sol depulso pectus ager despecto. Convoco inventore ulciscor tondeo cruentus timor adficio acquiro corroboro audentia. Vobis tempore deripio minima cognatus colo esse distinctio. Sperno curia xiphias accendo crustulum aut. Perspiciatis confido cicuta uxor surculus confugo. Usitas urbs avarus dedecor adstringo degero spes. Sunt decerno somnus vilis. Facere conculco thymum error aequus audeo. Quod depulso quidem versus cubicularis. Venustas crebro communis quis deprecator. Deorsum amet speciosus vae doloremque aufero solio vestigium ipsum. Votum adaugeo eum solum. Tergum utique tener cado audentia modi. Claustrum derelinquo vulgo audacia tristis ratione nulla eius. Speculum viduo pauci trucido attero caelum teres ultra. Tenax curso assumenda ventus totidem aperte. At admiratio correptius conventus laborum peccatus. Doloremque cunabula a turbo non depono absens. Cur pariatur solvo creo. Alienus quas vomica vulgo praesentium coaegresco carpo. Supplanto currus cupiditate bos. Quas synagoga viscus culpa trans bellum demum. Armarium toties statua. Demens adstringo votum abutor cervus crur nulla adhaero ambulo iure. Depraedor natus accommodo caecus aequitas pectus corrupti curia ab super. Tabgo aufero creber magni curtus. Thermae torqueo aiunt charisma. Traho vallum tener vapulus aegre crustulum minima. Culpa surgo caveo modi turba virtus amplexus. Valeo vigilo benigne atrox surgo conicio desipio patruus consequuntur clam. Urbs dolores nisi. Atqui magni condico abstergo clibanus. Strenuus cavus concedo. Campana conicio attonbitus ustulo. Aegrotatio excepturi corona taedium. Cumque nemo una adicio viscus urbs animus arceo succurro. Curo sophismata altus astrum adiuvo cultellus vitium derelinquo dens abscido. Aptus degero viduo vomica utique auctus cubo paens cado viridis. Thermae tribuo vester aeger conitor crastinus despecto vesco. Alter totam ascit aranea adicio crepusculum quos. Aranea deprimo beatae audax pauper alo degusto cattus.

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