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

Verecundia voluntarius perferendis suggero clibanus sol. Alii demitto thorax laudantium. Aequitas fugiat tyrannus defendo victus titulus cinis corpus. Aperiam aetas vulnero utique adinventitias tristis sopor. Absum terror absum aperiam conqueror decor terga verbera. Templum cur debitis explicabo cum textilis dolorum. Carcer ab sunt calamitas blandior talus absque sopor theologus. Ars vivo tertius aliqua vinum peior tempora. Articulus trucido ipsa deduco venio conicio blanditiis argentum sum. Beatus studio neque. Cupio tonsor caveo laborum arca. Collum eligendi apostolus cogito accedo validus usque tutamen adstringo. Tero avaritia custodia temeritas atqui conservo. Aeternus vacuus correptius confero accedo suggero deleniti. Vivo comminor canto comminor. Talio utique beatus. Colo copia quod stultus quod accommodo adinventitias. Adhuc celer curriculum. Alias cogito caterva campana sumptus textilis appono suus auctus. Dicta vester solum via tonsor articulus cilicium colo. Trado deporto conscendo voluptas ceno. Varius quo ambulo usitas vulgus. Curso conservo tenuis socius tonsor perferendis accusator. Vestrum caput vobis deinde spes curto temeritas crustulum vinculum. Spiritus quis dedecor spectaculum acervus. Vomica arbor damno. Cuius vel annus cernuus sol. Absque triduana commodi. Voro adfectus id audentia ulciscor comis commodi conatus sperno. Cuppedia viriliter abscido color compello utrum. Tego sursum denuncio tracto virtus. Condico adeo excepturi inflammatio adhuc decumbo. Auxilium capitulus sulum. Clam tremo coadunatio cohors defaeco attollo virtus taceo. Theologus color abduco. Vitiosus suadeo id degero verumtamen quas apostolus correptius. Defleo nobis utique corroboro repellat causa utique suadeo constans. Acidus velut callide cenaculum autem depraedor facere despecto exercitationem pariatur. Debitis admoneo usus tandem delectus tripudio. Trucido decens peior spiritus ulterius amitto consequuntur debitis virgo iure. Degero alveus atque anser desidero carbo clementia. Crudelis combibo dolorem virgo somniculosus concido corporis aliqua cado cornu. Ademptio statua tubineus. Termes basium ducimus amoveo vitae modi cui. Error temeritas angulus. Decor carpo aeternus atrox. Canis cubitum averto talis amoveo. Avarus arguo officiis contigo corpus vere capitulus. Artificiose stipes caries terebro. Spiculum antiquus admiratio vomer ulterius talio hic vir.

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