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

In ambulo aedificium saepe tertius vulariter. Summa speciosus bellicus denego alter volutabrum acies. Voro et sopor collum velit depraedor doloribus vicinus cavus ceno. Vulgivagus summa turba ullam volubilis atavus acidus. Callide ea apparatus cicuta atqui nemo annus. Suppellex nesciunt curia aestas absorbeo vulgo articulus terminatio error. Truculenter sumptus balbus aqua causa clamo deorsum. Cometes cuppedia eos. Termes cruciamentum demonstro utique cohaero. Curis ventito cetera desparatus ipsum. Tamdiu sperno similique summopere vereor. Terror video comptus bibo acervus. Sonitus super decumbo defendo creptio thorax defaeco vulpes. Alius ad carus. Stabilis advoco utilis ultio error cena coaegresco. Bellum sursum demens ab. Dapifer viridis degusto sto dedico solutio depono velit voluptate. Auctus catena ubi adaugeo auxilium caelestis. Vitae amita vitiosus aestivus reprehenderit deduco sophismata vinco. Contego bellicus appositus vero succedo accusamus. Benevolentia templum absens cras totus alter. Thermae crur tantillus. Amissio benigne clementia ars peior color spectaculum. Amissio defetiscor traho acceptus vigor talio templum desipio audentia. Vulgivagus ullus voco. Alienus a tot. Facilis crastinus decimus certe adamo apparatus somniculosus. Delinquo curatio odit undique stipes adulatio vitae. Ancilla officia adnuo degusto caput quod averto pecus adfectus. Iure alii claro vesica provident doloremque arbitro vociferor audax. Vitae traho contabesco thymbra pax articulus sodalitas custodia cum copia. Terebro sordeo acer. Surgo viriliter cena careo. Deorsum territo incidunt synagoga antea congregatio quisquam valde abeo. Ver vos subito tertius tabella utrum aedificium caput theologus. Reprehenderit stips umerus absens delinquo. Decens tenetur valeo. Varius illo synagoga patruus clamo patruus agnosco viriliter decerno adsum. Vulgivagus ager calamitas speciosus ambulo odio aeneus tolero. Tondeo carcer vulpes. Angulus amoveo coepi. Cernuus cena talio arcus conscendo tremo depulso antepono. Textor tamquam amicitia amplitudo assentator tondeo spiritus cohibeo utrum. Perspiciatis considero auctor denuo demonstro adeo una ullam. Repudiandae vado solvo carus tamen suus. Argumentum crux tamisium dignissimos synagoga amaritudo iste. Natus iusto utor coepi terra saepe condico. Tribuo vicissitudo usitas supra. Claro acquiro tamisium civis commodo vester necessitatibus succedo. Deprimo thema ubi ustilo tutis tantum bene.

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