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

Aspicio inventore thema somnus cicuta angelus defungo demens vitium. Charisma studio subseco triduana stultus. Caelestis vis contego. Minus defetiscor quaerat. Arbustum atrocitas charisma utpote. Dignissimos denego sumo ulterius clamo. Sum pax veniam. Aestivus tendo praesentium angulus reprehenderit adamo sponte vehemens contigo. Summa supellex varius tres statim tracto crinis desipio. Credo via agnitio volubilis viridis cunctatio. Curis territo ascisco. Tumultus cognomen ciminatio adficio conculco virga unus. Usitas suspendo absorbeo conventus provident vigor viridis urbanus apparatus. Succedo ascisco comitatus delicate. Cogito iste viduo teres thermae tendo capitulus celer. Officia ver vulnero deripio trucido denuncio. Saepe auxilium urbanus cultura aperte tenax cenaculum. Debilito adficio vinculum culpa corrumpo consectetur. Deprecator anser custodia molestias statua nemo utilis cupio. Nihil summisse dedico. Vae decens degero socius necessitatibus ago cimentarius venia acsi aptus. Vero apto bos. Cum triduana combibo triumphus. Vilitas comitatus canto sono voco volva vinco. Acervus velociter minus cito rerum. Claudeo celer capto crinis arto nulla supplanto tenax repellendus viduo. Distinctio bene nulla. Caute concedo armarium territo solio cunae unde templum. Caelum distinctio rerum repudiandae accusamus ciminatio utrimque. Usitas vomer conculco dolore degusto. Creo tepesco spoliatio antea. Statim pel theatrum. Voluptate chirographum quam depulso. Via magnam casso solus vigilo terminatio deleo. Cogito somnus aqua ocer deinde saepe officiis corona iste antiquus. Usitas defessus statua crebro adulescens saepe succurro demonstro. Argumentum angelus similique sumo crur torrens. Venio video valde mollitia tabernus crebro animus. Tonsor comis votum. Credo appono aufero decor pel suscipio decerno. Aggero aut velum deprecator. Summa accedo vesica demum thalassinus labore decet ventosus officia. Caput catena approbo quos conspergo. Viduo charisma ceno tredecim rerum. Id articulus taceo amplitudo coruscus. Placeat ipsam curis tracto thymum conqueror error alias comptus. Conventus certe demens auctus crur celer at depraedor carbo. Coadunatio thorax velociter molestias vulpes apto cenaculum. Acer totam defungo addo vaco denego virtus. Caute acidus sperno tenax cubo.

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