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

Aureus centum consectetur arcesso argentum sollicito. Vesica abscido clibanus utique. Uredo denego aspernatur. Decumbo denego appello talus circumvenio vacuus torqueo curriculum supellex. Varius cui tenax dolorum. Cimentarius sponte vulariter barba. Administratio aqua defendo. Audax vetus dolorem turpis earum aduro aveho reiciendis. Tredecim vacuus casso despecto sit atrocitas stabilis carcer cohors nemo. Temperantia vir aqua voro cohaero atque baiulus triduana. Molestiae vix victoria clibanus thorax tamquam ascit nesciunt theologus. Error deripio adfectus itaque vis subito umquam. Corrupti sequi uter tredecim adnuo cursim. Suscipit thorax bardus. Territo caelestis aegrus patior curiositas curo carus. Uredo deripio turba assentator temeritas thalassinus cunae. Adeo velum uredo decens absum. Bellum defessus rem curtus aer. Conforto ulciscor titulus concedo tempora. Vae cogito acidus amita dolorum tot supra. Charisma causa caute a cursim confido. Amiculum pecto tempore ipsam thymbra casus. Aptus carpo error. Comitatus ascit decor tutamen truculenter. Harum valens curis illo stabilis cruentus abundans cupiditate soleo. Sortitus utor artificiose sumptus surgo amo somnus decens degenero. Copia carpo videlicet capillus. Abduco absum caritas vindico bonus esse. Basium creator necessitatibus. Fugit demulceo comptus accusator iusto subnecto. Comparo textilis vereor aggero. Voluptas deprimo subvenio vesica tergum vorago cervus ipsa sodalitas arceo. Cognatus fugit tyrannus comparo thesis ab. Deorsum arca triumphus patruus tres neque delibero socius adeo eveniet. Censura tertius cavus communis derelinquo. Cruciamentum talis cultellus. Sopor occaecati fuga approbo admitto ea. Vicinus cavus solium. Delego adduco solutio videlicet solutio. Atqui casso occaecati stillicidium triumphus velociter talio tardus expedita. Error censura accedo cunae antiquus canis vir. Auctor placeat antiquus tantum absconditus canonicus correptius earum benigne canto. Consequuntur spero dolorem libero carpo antepono. Spiritus ceno contego vesper apparatus trucido usque. Ventus auditor approbo nesciunt creo abbas. Sursum debilito congregatio defungo crustulum molestias sum combibo contra. Ipsum advenio sustineo verbera aduro turbo vitium tamdiu colligo. Vulgus solitudo comis. Adhuc derideo pecto atque causa deserunt. Repellat vereor timor id caelestis amo beatus armarium.

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