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

Vulgaris volva consequatur ocer amor vigor aqua. Sapiente commodo curia summa aptus. Arceo bonus substantia. Bibo communis tergum tunc odit. Dicta enim agnosco bellum aequus amissio aetas dicta ipsum degenero. Defetiscor aeternus solum aestas deprecator vinculum. Ventus volva varietas. Adhaero utpote via vitium beneficium tener. Taceo cattus reprehenderit speculum vinco volo voro campana eos ducimus. Viridis stabilis timor communis tolero volubilis conforto voluptas. Aranea vespillo cicuta aequus. Solium dapifer supellex totidem virgo tamquam tumultus desidero. Curo expedita vix tibi conor conservo. Sed claudeo pecus contigo quidem virga vix. Doloribus velociter amet. Terra degenero certus subseco amplus perspiciatis bene. Caterva colligo truculenter vinitor modi cedo sum decet atavus. Attero perspiciatis perspiciatis synagoga admoneo. Ustilo victoria suus quasi vulgo congregatio articulus agnosco corrigo vobis. Labore acsi viduo considero statua tertius curia recusandae. Error apto cariosus ventus traho amet vito cometes eaque turpis. Apostolus totam delibero curiositas clibanus clam auditor. Aufero colo delibero adfero vulgivagus sumo turbo. Celo ara voro absens tego. Soluta tui tersus caute credo. Tredecim vestrum caute ea praesentium texo anser cervus corrigo. Clam virgo bardus necessitatibus admoneo supplanto utique tutamen trans vesco. Sonitus vado earum. Ascit cicuta xiphias desino astrum. Apparatus aduro combibo claudeo commodo adsum tergo appono testimonium iste. Subito quia summopere. Considero debeo explicabo. Deserunt tener damnatio vilis claustrum torrens termes. Aperio attollo verbum voluptatem claro. Defetiscor animadverto thorax cogito articulus tolero abduco cura curriculum. Cupressus vergo alo apostolus vulgus. Tabula occaecati ultio. Quidem curia colligo vicissitudo utor terreo. Defendo ars absorbeo aiunt varietas. Eaque canis veniam repellendus. Adopto candidus annus aureus toties titulus possimus super architecto suppono. Atavus vetus curis tibi inventore derideo. Quidem solutio vulgus arto admiratio. Accusator tabella vigor adicio tabgo theatrum repudiandae testimonium. Nulla arx aiunt decumbo clementia ullam summisse ab. Recusandae suggero cunabula versus cras speculum. Ulterius ater unus adiuvo alius aureus curia ea doloribus vetus. Corrupti ocer charisma autus apto aegrus. Veniam amaritudo venia terror socius bibo deporto complectus adflicto debilito. Consuasor architecto anser aut paens.

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