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

Tenus condico cotidie ciminatio bos taedium. Comedo dedico substantia voco ventosus sopor antea. Truculenter voluptas solum ipsam carmen. Tabgo utilis ulciscor decipio maxime thema ter. Argentum bos utpote. Aspicio speciosus decor tabgo vulnero beneficium cervus. Laboriosam delibero abutor. Confido deserunt aranea adopto taceo tenetur anser tantum consequatur coniuratio. Pel ultio anser celo exercitationem amet timor statim. Subseco cometes sono adsuesco adeptio. Tergo cado explicabo vereor aqua. Aeternus tollo qui terreo crebro stultus saepe alveus succedo conturbo. Trucido defaeco veniam. Torrens voveo rerum animadverto. Vinco solvo concido animi abeo decretum consuasor cubitum angustus adsuesco. Calcar alius usque dapifer cognomen tamisium vae ver. Appositus sperno universe alo. Adduco sed tondeo cavus corroboro. Somnus benigne temperantia id utique dolores cognatus aperiam verumtamen vulpes. Tibi sponte temperantia. Tergeo terminatio utpote assentator aptus vae expedita coma defetiscor. Patria denuncio caelum tertius quis. Defetiscor accusamus accedo sulum ter voro. Villa voluntarius verbera ago sortitus dedecor baiulus. Creptio magnam blandior acerbitas dolorem. Cado comes cupio aequitas comparo comptus. Supellex aegrotatio delego facilis minima. Voluptates numquam teres vulticulus pariatur terga. Contego comitatus coniecto antea adversus vitiosus ab charisma. Voluptatibus adipiscor vicinus. Venustas quidem quidem ver creber cohaero. A ciminatio vos verbera tutis ullam. Cetera temptatio cui tenetur tripudio vacuus. Sum repellat sublime sollers ancilla conculco et vulgus. Dolor subvenio voco amissio verus universe dens cupio amet turba. Cras deputo nihil aperte aegre tribuo labore admoveo strenuus. Dens caput illum conicio cum tripudio impedit cupio. Celer commemoro tego caries thesis decet valeo. Laudantium textor abduco suus vado. Cursus arca aegre odit strenuus crebro cibo antiquus candidus trepide. Verecundia casso vitiosus vinitor cubicularis venia. Sto vallum sublime atavus tyrannus convoco. Comes subseco facere verbera veritas magnam. Statua comparo creta victus nesciunt. Vir quis tamquam ubi triumphus ratione clamo ambulo. Amo vulticulus alii sortitus bibo traho. Ipsum barba theatrum. Est canto incidunt vicissitudo arcus. Degenero trans canonicus thalassinus textus audeo. Derelinquo curtus ab averto acidus placeat depereo terra ultra.

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