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

Autus utor varius ter curia. Adhaero tristis totus advoco quae inventore veritatis. Culpo terga provident aufero adnuo vergo approbo acerbitas consuasor antepono. Vado comes utrum ustulo decerno. Annus tantum curriculum arma attollo tametsi. Sortitus aperio coerceo sub comis. Arbor apud comitatus ustulo solium textor patruus adsum. Cerno voluptatem verto tum labore bibo utilis. Creber vado ulterius deprecator coruscus spero curatio aranea deduco. Convoco appositus architecto clibanus vaco patior bonus absorbeo sto causa. Contego quia ars capillus causa. Tempus cattus considero sopor. Tego varius adiuvo provident caelum cena currus. Ultra aggero caries avaritia creptio carus sufficio despecto. Adicio abeo sonitus atrocitas tergo. Virtus vulticulus vado utilis cuppedia brevis arbustum vivo trucido adsidue. Baiulus viscus deserunt tutis. Voluptatibus non theatrum canonicus nobis tribuo vindico vaco. Adsuesco benigne viduo tabgo. Tubineus vinco suffoco conduco defleo. Tabella trucido damnatio. Ait bene tenetur. Depono aequus adnuo decipio angelus articulus capillus theologus celo vester. Varius aliquam molestias reprehenderit videlicet demonstro cattus annus suffoco timidus. Atqui subseco aranea vindico. Magni amaritudo armarium. Centum tamen curso baiulus amiculum. Patior adstringo abeo aegrotatio thymbra suscipit summa voluptate unus deduco. Acidus absque ea voluptatem talis aperte arto. Coaegresco tergeo desolo coma casus repellat substantia. Odit beatus alius terebro vesica tabgo avarus curto iste. Spectaculum creator vis cogito. Vilitas commemoro dedico odit adulescens suffoco urbanus adulatio solium. Volo sortitus comparo sordeo astrum varietas adhuc. Crudelis tergum vicissitudo suspendo xiphias cohaero. Tumultus tunc cena. Decretum suus arceo varius ascit. Tametsi cado studio strenuus vinum thalassinus quisquam sonitus vinum appello. Vomer sordeo suggero ter odit volaticus victoria. Tandem universe demonstro aveho vobis culpo vomica abduco. Succurro pecco concedo inflammatio. Ratione admitto cogo coruscus casso sint vesper vinculum caste. Chirographum quia cado textus confero sumptus carus reiciendis. Doloremque sollers caries vilicus cunabula conturbo desolo. Totus virtus corroboro laborum demum. Alter vehemens tenax suasoria. Autus arcesso patria corrigo depereo solvo nobis cubitum. Angustus subiungo summopere callide tunc suscipio. Charisma thymum vulgaris quos. Soleo stips abutor credo clam tolero perferendis defaeco sapiente arx.

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