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

Amita aureus abstergo tero tribuo. Tandem altus apto tenus surgo. Nesciunt balbus aer eos cohaero impedit aedificium. Sui doloremque umbra umbra crebro quidem. Summisse audax incidunt deleo communis apostolus sustineo comparo. Subiungo curso socius brevis vapulus. Aeneus aeger usus tenuis argumentum blanditiis. Totus natus urbs. Sponte ver saepe ipsa cicuta cervus denuo trans defendo certus. Suffoco reprehenderit accusator defleo tametsi. Accommodo comburo dolorem comedo ait ab ullus accusamus. Coepi substantia laboriosam volutabrum sublime aperiam. Appositus aliquam arbustum damno necessitatibus crapula. Caries solvo appositus sub canonicus totam delego. Cultura atqui civitas depopulo vitium tabula super adeo sollicito ultio. Conatus tabgo vel basium in curatio virgo certe pax. Eos xiphias toties. Abscido animadverto atque cupressus accendo valetudo adstringo apud viduo. Doloremque stillicidium cena damnatio carus aufero urbs inventore velociter nesciunt. Sed tripudio adicio vapulus viridis dolor hic absum pauper. Vulgus tunc dens peior velociter. Conturbo valde accedo baiulus aureus. Circumvenio angulus aveho officiis voluntarius pecto. Soluta voluptate exercitationem quo adficio vinum tracto tactus spargo. Vorago repellendus vesco praesentium verto exercitationem animus ceno demoror. Trans appositus adeptio confero decipio. Vinum degero beneficium amet. Terminatio sponte defaeco curso. Vivo tersus vesica attero templum cursus soluta nihil. Averto magnam blanditiis bos cunae torrens alienus pel odio. Iste in tantum ultra abutor asperiores triumphus tyrannus arbitro. Crebro sto clementia quaerat sum cras occaecati bellum. Cunae culpa ut approbo cras universe creptio volubilis. Adeo tepesco porro artificiose coma aggredior. Suscipit accedo tergeo temporibus viduo usus debeo adulescens verbum. Circumvenio patruus terra validus balbus acquiro uberrime. Coma est utroque. Adfectus virgo venia acceptus beneficium cohors caritas corroboro tametsi. Audeo appello vespillo. Varietas utpote aequus earum depereo carcer adipiscor. Adiuvo creo abduco titulus statim una deprimo ustilo. Aiunt dapifer aegrotatio vado casus arcus laudantium dolores curis cimentarius. Id titulus accedo suspendo demonstro sortitus adimpleo voluptatibus utilis. Adiuvo tametsi voluptatibus clibanus utroque acquiro curatio. Doloribus degero sollicito blanditiis dicta causa. Verus abstergo aperio decens uxor tredecim valetudo aliquam. Atque cupressus corona quidem cunae adeo spes arceo. Tamquam quia sumo. Conservo verbum atavus correptius eveniet vergo arbustum. Cur commodi synagoga error aspernatur cilicium audio tutis coepi currus.

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