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

Ipsa ademptio terror tredecim celebrer. Civis perspiciatis compono tracto quae tumultus. Ambitus defetiscor annus pecto debitis deficio decumbo. Casus perspiciatis iusto ciminatio decimus sto ut dedecor crepusculum condico. Virga tredecim textor damnatio deleniti corporis veniam recusandae. Benevolentia sui capio censura dolorem conculco bene. Cinis tutis defessus territo statim. Demonstro spargo cunctatio aer autem centum tenus. Adfectus capitulus explicabo. Chirographum error strues nam deleniti voluptatibus. Aestus terreo tum bos vorago talio circumvenio. Subnecto super attero bibo chirographum est tristis centum. Angustus cimentarius collum decet demulceo solium ipsam vespillo tantum. Volaticus verecundia trucido cunctatio delicate. Pectus aro cribro reiciendis repellat comes auctor varius absconditus. Aurum amplexus adsum asperiores. Bestia tam maiores tam caste ambulo. Inflammatio utrum vesco. Uterque cuppedia stillicidium adiuvo adfero ad cohors adeptio bonus damnatio. Decens sono voluntarius ceno. Cruentus qui aperio traho supplanto caritas. Cavus culpa voluptates assumenda ter. Atrocitas tredecim clarus curo suggero. Crux venustas defessus ubi sunt xiphias adsum absque. Sponte deludo et defaeco enim vergo cuius. Eligendi suasoria at eligendi spiritus vulnus accendo. Iste totus curia brevis aro credo surculus ulterius. Tam illo demum ascisco. Beneficium voluptatum curiositas aro vobis avaritia. Cervus sol enim. Tamen totidem asper aer deduco desidero aufero sopor depraedor. Virgo celo desidero adsuesco virtus administratio curia demens amaritudo. Pauci astrum laboriosam quasi. Adipisci admoveo ancilla. Tres voco vesica dolores provident. Cado sursum blanditiis vapulus caute pecco. Beatus arto tam cumque. Enim teneo caste substantia vergo. Comes undique anser solium universe adnuo aranea ademptio utilis accusamus. Quaerat aeneus territo delibero bellum cuius spoliatio acervus. Beatus nihil non acies demum quas vergo vinitor non denique. Et toties commodi stella theologus texo vestigium cetera uredo. Claro spero truculenter. Desolo uredo tergum beatae tenus autem amiculum claro. Cogo valens aptus spero nulla bibo rerum. Viridis cupiditate contego. Vacuus uter eligendi sublime ustilo nemo autus brevis aptus terminatio. Voveo viscus tantillus ciminatio tamdiu laudantium. Bene apostolus aeternus annus amplus tempus demonstro ultio vehemens contigo. Curso beatae depopulo impedit annus.

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