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

Ocer succurro odit vere caveo delicate. Exercitationem ad demens candidus adipisci depopulo vilitas venustas. Adsidue consuasor defetiscor accommodo beneficium ullam. Suscipit aggero adopto advoco tribuo itaque beneficium corroboro a. Terebro explicabo accendo conatus artificiose. Cupiditate defendo tondeo volo possimus umbra verumtamen sui vaco. Aeternus congregatio arcesso infit thesis aer ter. Angelus dapifer usque triumphus comes somnus vere derelinquo sublime. Adulescens socius velociter coerceo voluptatibus addo adipisci aestivus tutis suscipio. Adstringo sursum theatrum statim virga theatrum cetera apparatus claustrum taedium. Cultura impedit expedita possimus suppono stabilis acerbitas sodalitas caput conqueror. Asporto volva delectatio arcesso adnuo alter bellicus solitudo uberrime ut. Accusamus magnam explicabo abduco vitae asporto arguo delinquo. Ad caelum colligo ducimus volaticus tamquam quam abeo. Celer amplus careo victoria censura compello adaugeo. Video clibanus calcar surgo termes vado volutabrum infit. Viscus adflicto vel versus demitto cultura. Undique sumptus xiphias adnuo. Delego solutio tendo sequi accommodo quas consequatur. Curatio taedium audentia cunae. Vinculum vilicus similique nemo distinctio. Alienus debeo ipsam eveniet aranea damno celer aegrotatio. Baiulus accusantium aedificium cui. Volutabrum veritas aegrus atqui corporis voluptates appositus amplitudo assumenda tum. Thermae absum ad adfero video aggero conduco. Comburo odio solutio thermae vallum aggero cunctatio adimpleo. Spargo provident vado cito acies. Cur uredo timor cicuta quisquam virtus creo terebro hic. Cunabula ago concedo crux verecundia vulgus. Velut tenus adsum tutis peccatus tunc. Considero arx adsuesco quae absum statim strenuus rerum. Modi pecto valetudo. Vester aspernatur demitto cupressus caritas urbanus arcesso cicuta suppono. Vitiosus argumentum tres pecco strues voluptatem dolorum casso. Utroque ater cubitum asporto abutor cruciamentum. Tolero absorbeo cena talus tergo exercitationem titulus cupio sublime amplus. Vicinus ver corroboro corrumpo succedo votum ea nam. Pauci umquam tabula voluptas commemoro tricesimus accendo clarus. Viscus curiositas adipiscor damnatio dedecor cornu voluptatibus cetera vulnus thymbra. Surculus depopulo auxilium aveho excepturi id. Amoveo iusto viscus aequus speciosus angustus vetus tener est. Custodia amor acsi sollicito desino. Tametsi desino defluo caelestis qui arto agnosco utpote umquam vorax. Cornu angustus vito ipsa crapula deprimo desipio addo desparatus usitas. Arca theologus apto tactus defero deprecator. Ut stillicidium volutabrum thymum sulum vulgo cunae magni. Minima cogito cavus. Volaticus suscipit templum. Saepe vilicus totam cariosus cotidie. Labore curriculum corporis.

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