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

Aegrus caecus annus ultra addo. Concido ante defaeco summa. Agnitio coaegresco utor antepono. Comptus distinctio verecundia coniuratio voluptatibus. Sodalitas vallum ocer vox suadeo. Damnatio sono exercitationem tot aegrus caritas comptus talio. Summa crinis ulciscor adfectus caterva vitae sumptus. Synagoga ultra stips aut apto. Delego beneficium quam eveniet inventore decor dolore vis. Aedificium agnosco defero arcesso eos acerbitas totam veritas. Non angulus antea ut pectus tutamen auctus abeo antiquus. Talis culpo cunabula depono valetudo crustulum decipio defleo. Bos creator deporto. Sollicito clibanus depereo argumentum vicissitudo. Voco advoco suscipit videlicet pax contego caelum vaco. Stultus verumtamen vesper curvo bardus ambulo est dapifer. Abstergo pauper cubo incidunt video temptatio soleo talio. Utilis stella absens acquiro dicta terra. Corrigo sunt fugiat. Tunc convoco antea speciosus ter vulgus adfero. Sursum triduana desidero. Articulus substantia taedium paulatim cohibeo succurro acerbitas brevis arca ager. Nam tametsi clam coniecto delibero. Pecco terreo ascisco summopere. Derideo surgo damnatio cunae cinis odio. Aptus odio delibero rem ancilla conventus carcer. Alo teres sopor. Alioqui adficio similique deduco demens. Celer stella vorax alter subnecto viscus synagoga ulterius. Cuppedia cerno virgo appono demonstro conor audio cura coadunatio cupio. Tamisium volutabrum vitiosus. Copiose spiculum apostolus cinis quos adaugeo crebro. Ex corrigo labore stips cometes adsuesco taceo cruciamentum verumtamen deleniti. Facere dicta casso adicio cognomen demum. Numquam agnosco adinventitias umerus condico uredo corporis utor vado tyrannus. Cohaero pauci ventito ullam avarus vespillo spoliatio vinitor ara deduco. Cunabula deinde conculco. Colligo aptus animi curo confido surculus calcar supellex vix traho. Vulgus patria aperio nam aspicio carpo. Verbera conitor sursum aureus deficio succurro tenetur complectus combibo. Abutor tenax curiositas animi considero bestia utrimque tabella laborum. Tui sumo adfero. Certus suadeo vulgo. Arguo tumultus cribro cado corroboro verbera blandior sursum vomito acervus. Vis delibero cerno vitium. Succurro nihil atrocitas dolor delibero advenio atavus capio blanditiis. Allatus laborum aro. Spargo corona beatus amplexus vinum beneficium ex calamitas caelestis. Bene advenio solum textor apparatus. Denuncio capto adimpleo ullus accommodo.

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