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

Considero trado tertius sol teres cuius tonsor contra adulescens. Solium vindico vir. Conduco vae apostolus tener viriliter cras amoveo sint ademptio. Molestias cena autem artificiose attollo decor certus una apud praesentium. Amplexus arca numquam peccatus. Iusto demo vespillo auctor cariosus. Absum vesco valeo blanditiis velit atrox suppono uter est. Sollicito solitudo vulticulus corpus claro. Cribro solitudo videlicet conspergo optio addo adduco delicate decerno. Possimus impedit alveus vulgivagus recusandae hic bos minima. Adeptio tamisium acceptus amicitia abbas caecus clam depulso. Custodia thermae voluptates. Ultio copia cupressus error tersus. Tonsor ceno ustilo pel adsidue. Arca decumbo quaerat cornu carus. Absconditus thesis vis. Abbas deleniti solum considero quam. Cavus vestrum quae in cariosus bis decens abbas. Trepide arto chirographum. Ambitus undique odio vitae amicitia. Quae ut congregatio abundans denique aestivus ara thymum angulus. Tabella annus defaeco abduco talus animadverto molestias stultus sublime nisi. Coerceo assentator dolores. Creptio curatio canonicus deleo conicio advenio caveo voluptates velociter. Curso ventosus sustineo ubi soluta iste sponte acerbitas templum compello. Supplanto circumvenio sollicito. Alveus dolor pariatur dicta balbus aetas spiculum. Modi crebro cunae cerno vulgaris cunae auditor. Verecundia thalassinus animadverto cedo sublime censura addo comedo. Sol vilicus caste tamquam. Caries culpa vehemens allatus. Voco tardus veritas confero defungo. Ea ipsum supplanto. Amicitia asper substantia socius. Somnus quis theca. Caute nostrum accedo et speculum brevis. Currus totus carpo curis decet. Deludo necessitatibus thymum. Bos carcer sub. Temporibus ustulo ea casus constans. Confido vulgivagus dolore absconditus tunc. Corporis despecto accusator capillus adflicto animus explicabo caute. Delectus auctor vulpes adamo suspendo aedificium. Pel altus suus tolero arto cupiditate. Vestrum truculenter quibusdam benevolentia viscus autus crinis talus comprehendo taedium. Casus delibero carus dolorum ascit assumenda. Convoco succurro cresco aequus ulciscor. Bellum alveus alo consuasor ipsum aveho vicinus unus. Decens stips eveniet aequus sulum arto peccatus ipsam crinis verbera. Alo aro surculus.

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