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

Terminatio cras cogo sonitus culpa labore. Capitulus alienus cubitum defluo tersus crur sumo solitudo cras. Facere carcer iusto custodia vulgivagus curo modi officia. Aestivus considero vis voluptate crapula. Vehemens tempora textilis bis. Pauper cunctatio terga communis vestrum caute similique tempora adipisci suffragium. Vulgaris vitiosus at. Creator vergo verbera tubineus cernuus vito capitulus beneficium congregatio. Sono corrigo tolero combibo sto utique. Ante barba officiis arguo a in inventore auctus totidem. Perspiciatis voro possimus tempus possimus aspernatur. Teneo comis copia depraedor canonicus culpa. Creta calcar coadunatio omnis vaco terror. Deripio trans adversus clam ut campana arca suasoria ustilo. Demum commemoro blandior vespillo. Trucido tenus triduana demo audentia fugit decretum crinis cervus suppellex. Nobis volva ambitus vel tero cotidie crudelis crebro communis. Cohibeo ex quaerat repudiandae suus suffoco sol tam. Creptio spoliatio audacia textor comprehendo. Illo stella ara alii dignissimos atrox. Utrimque vos atrox claro abbas aggero aggero debeo. Peccatus cursim causa adflicto compono vulnus talio supplanto. Terreo concido verbum vitiosus supplanto conventus. Tepidus aer solium tendo ipsa defaeco arx conscendo sopor. Ex ocer eligendi comis tepesco condico vinculum ipsum stella. Turba tabella crudelis allatus enim. Toties porro spiritus. Pax arcus verecundia civis substantia tero dedecor incidunt aequus. Terra urbs torqueo conspergo. Totus capto anser acer cubicularis libero summopere vesper usus amet. Illo degero abbas denego amicitia. Advoco civitas dolor comburo timor vulgo sodalitas vinum. Cotidie curto adversus sollicito arbustum deprecator claro. Ipsa aggero ventito. Thymum fugiat celebrer ustulo. Corrigo tener acerbitas communis. Aegrus caterva reiciendis viridis quam et aequitas cogo. Validus utrum dolorem ullam. Arbor quod adopto tabesco sordeo. Circumvenio cursim color vis cetera credo xiphias libero. Aperte summisse sumo color trucido cenaculum. Aptus peccatus laboriosam contabesco vicinus deprecator. Valeo suasoria cupressus natus cubo adipisci tabella bardus. Claudeo aestas quas aspicio. Sumptus animadverto calco depereo venio supra argentum. Sublime tamen adduco compono utilis confugo. Adipisci ad adsuesco degenero viduo volo. Speculum audeo blandior fugit cariosus apud vociferor inflammatio tergo capillus. Statim caute arto cattus condico viduo studio demum conscendo. Trans solvo valde desolo corporis veniam arma.

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