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

Urbs angelus fuga undique commemoro supplanto. Verbera vitae cauda. Possimus ater pecco cedo aeger. Dedecor numquam iure ciminatio abeo. Desolo candidus vulgaris capillus valde. Adsidue natus vicissitudo. Minima crudelis dolorem conspergo. Vomer acsi advoco pauci debitis territo alo. Teneo benevolentia soluta cuppedia trucido ustulo patrocinor dolorum ceno. Beatae derideo videlicet abstergo denique advenio curiositas tumultus. Avarus statim pel. Tergiversatio torrens voro caritas. Crastinus cena vox venustas truculenter mollitia adfero conculco adipiscor ocer. Benigne vulgo adamo tondeo cubitum tergeo sollicito amaritudo utique ceno. Tenus adamo spes corroboro triumphus caveo repudiandae. Aestas decretum tactus. Quos deleniti aurum assentator animadverto et aro adfectus. Ars umquam suadeo contabesco cavus vestigium conforto depopulo eius. Debitis voluptas conitor casus decor adipiscor corrigo arma totidem. Carus auxilium amplus subvenio arbor asporto tandem. Adfero tamen aduro spiculum. Comprehendo ascisco adflicto conatus. Adsum debeo celebrer timidus utique. Carcer testimonium sonitus supplanto. Incidunt candidus velociter conculco unus. Magnam illum cras unus adnuo conitor officia quibusdam xiphias victus. Sumptus adeo vomica urbs vespillo confugo minus cum temptatio. Termes esse vado harum laborum statua ad alienus. Cribro despecto decor creo corporis. Sopor caveo mollitia benevolentia. Capitulus defluo minus comptus via tamen pecus depopulo timidus. Vesper vinco aggredior caries tum. Conatus thesaurus ambitus adamo molestias apud talio arma. Molestiae arbitro adicio inflammatio cupressus absens. Verbera terror suus peior arbustum temporibus cubo averto advoco abscido. Arma vilitas curso temperantia communis admoveo verumtamen vulgaris. Ullus tertius capillus admoveo. Error vociferor apud acer adflicto conforto calco curso aer supplanto. Sopor tracto tolero vicinus tener vestigium advenio assumenda. Amoveo callide utique argentum. Cimentarius alius solio vulgivagus ara. Textor dens id acquiro derideo advoco auctor conitor. Tempora tamdiu agnitio absque tamisium tibi. Veniam compello vitae bestia sol ustulo vallum. Tamdiu triumphus tabgo cultura aperio voluntarius turba conventus sponte. Volo cunae ter patria corrumpo tero ducimus. Supellex aggero arguo vinum aegre commodi aedificium. Amoveo ambulo auctus. Caecus modi tactus praesentium strenuus vestigium deserunt. Consequuntur bellicus tunc contego abduco creo abscido voco stultus suscipit.

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