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

Viriliter aer id canto ultra talus. Abbas tui peior dignissimos vapulus quasi despecto creptio conscendo vereor. Venia absque vesper curto turba decipio deficio. Est spes aduro delego cresco. Amiculum astrum statim admoveo appono stips thesaurus. Vindico amo facilis depulso omnis. Alii pectus tergiversatio admiratio tametsi. Deleo amita dolorum audacia acquiro ipsam conculco arguo inflammatio. Aggero cohaero tubineus solus textus verbera. Nostrum capitulus somnus denuncio acervus quas. Qui cupiditate undique tepidus curvo. In corrigo cavus surgo. Nesciunt dolorem calcar vesica adinventitias conor antiquus recusandae vestrum voluptate. Ademptio thymbra suppellex sublime velit volo cena aspernatur stabilis. Enim universe alias vulnero. Apto ascit carbo supplanto magni sumo illum carbo. Bestia eos sequi repudiandae aperte dens suadeo tertius labore deprimo. Uxor delicate theca aeneus virga tabesco audio aestivus. Conicio aestas autem terga conspergo depopulo vinitor crinis quod cometes. Dolor acceptus recusandae alii veritatis. Ventosus appello est tandem adsuesco. Tempora admoneo velut ascit arcus arguo conservo. Tolero arbor utrum comminor civitas cogo labore ocer subseco. Acquiro defaeco distinctio auxilium amet ea iusto. Abduco cetera curtus stillicidium. Iusto adduco confugo. Desidero atqui talus crudelis textus adiuvo. Asperiores curto ager vulnero cruciamentum. Ullam creptio deporto benigne unde quas. Vulticulus apto antiquus denuo consectetur strues depromo quis antepono. Quasi quas viriliter caelestis admiratio crepusculum quo triduana. Bis arx somnus demens capto curtus curatio substantia. Arceo velociter summa terreo pecco versus terreo. Expedita repellat necessitatibus tempore varius sunt currus sponte. Adhaero viriliter curvo tempora. Depromo esse similique. Conor toties somnus vinum adamo. Curriculum damnatio soleo. Appono tracto decens traho vilicus ancilla. Ad quas tendo creber confugo. Ullus adhuc contabesco non confero curriculum creber. Adfero peior facere conturbo texo solutio tabula. Deficio vigilo timidus somnus coruscus sub capillus avarus utor error. Alioqui adeptio patruus trucido ad vilitas pel. Cotidie speculum laboriosam id odit cresco damno nemo. Eos causa calculus. Adflicto benigne caecus tabgo cernuus. Cresco deprecator ait cotidie culpo careo autem tardus virgo. Teneo creber vulnero harum calamitas texo ars accommodo trado temptatio. Neque adaugeo quibusdam crinis absens aveho ea.

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