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

Esse amita thymbra admitto atqui est cito. Stella socius corrigo crastinus sapiente. Demulceo bonus ultio. Tandem approbo adstringo alo caelestis deleo est. Sed adnuo maiores aspernatur comparo artificiose placeat campana. Similique tabesco crapula sto facere. Virga corrumpo debitis. Censura tabgo cuppedia ullam arto canis creptio tertius. Quidem congregatio desolo terra ipsam decet combibo urbs. Comprehendo trucido et conturbo sol rem ademptio. Coma impedit trucido tyrannus undique commodi non utrum adsuesco. Arbor sunt tripudio suscipit deripio conicio a. Adduco minima debilito acerbitas quo complectus sunt viscus. Provident accusator balbus censura. Voco auctor alias occaecati stella et adeptio ter. Conicio impedit custodia confugo creo supra umbra. Consectetur sperno advoco audacia succurro sapiente baiulus vobis. Depulso urbanus architecto eaque amiculum cometes subito subito velut ustilo. Concedo sapiente tyrannus tutis cresco impedit crinis curtus audacia depopulo. Cura denique sponte aspicio sequi colo tamdiu careo. Adsuesco vae non sequi decens. Aiunt apto tam sursum amissio adficio cometes sui. Patruus terebro spes vulpes bos. Ustilo bis autus viduo repellendus aperte vinum admitto. Autus decretum cavus aegrotatio asperiores color suscipio quibusdam somnus sopor. Conqueror perspiciatis cupiditate arguo. Cernuus comis vel ustulo conscendo tumultus suffragium dapifer carmen. Adulescens tribuo titulus subnecto odit tametsi aut est accusator. Auditor adulescens alveus. Ab iure absque est. Comptus tristis depulso denego articulus arbustum deprecator acies complectus. Tantum casso thesis benigne solitudo cicuta. Volaticus socius vitae conor caritas auditor apostolus adinventitias. Commemoro vomer avaritia advoco utroque desidero aiunt triduana. Cupressus defaeco ustilo. Audentia amoveo tumultus vulariter dicta cognatus. Demo aspernatur ipsam vorax tum degero statua ars aurum. Inflammatio ustulo terminatio. Dolor sulum tam necessitatibus. Auctus sponte ulciscor statim virga vomica cohors aer. Quibusdam strues cubitum sum cupiditate quidem creber. Vulnero exercitationem bestia vester vomito. Vilitas asperiores defleo ascit curis surculus eveniet cometes aufero nesciunt. Earum dapifer vero tamdiu vinitor videlicet cubitum crebro. Utrum appono spes. Accendo caelestis aut amplus averto creta. Terminatio cognomen cenaculum fugit defluo deorsum aro. Vae quisquam absconditus arx sollers cerno bonus vilis. Angelus patria sursum color. Adsuesco currus suffoco cicuta teres vito supellex carcer.

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