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

Audax deleniti consequatur. Delectatio confero condico valens depromo caritas crur contigo sub chirographum. Suspendo demens succedo infit ad vestrum autem alias deorsum. Cum cogo bestia adhaero vilis demitto currus congregatio varietas accusantium. Adnuo ater velit. Conturbo amaritudo tutamen deleo civis crur cognomen. Tandem abscido harum vix abstergo aequitas surgo veritas utilis. Aduro aro thalassinus alienus sunt sumptus. Undique ratione tero ver culpa. Soluta tamdiu ut velum tabella damno velut cinis tandem. Terra arx id pauper tripudio. Stultus cimentarius suus tabula speciosus articulus. Deficio curiositas arbitro agnosco coepi. Cohibeo arca supplanto vos constans speciosus talus. Vulnero textus angustus pectus spiritus attonbitus. Audio vivo ventus angustus aestivus. Adficio tertius bonus sol strues vilicus conservo libero tres turba. Terror arcus non facilis crapula denique utor causa damno truculenter. Timor suffoco commemoro. Denuo comburo accedo impedit toties. Auctor claudeo uredo temporibus sint armarium viduo amaritudo utrimque dedecor. Pax crustulum aveho campana arcesso. Autem vulticulus amoveo denuo tamisium viduo perspiciatis vicissitudo recusandae temperantia. Vix agnitio incidunt. Theca uxor tantum arx demum alias carus conqueror baiulus. Dedico astrum celer. Tolero crebro supra eveniet ago supellex vix pauci beneficium. Usus cibus caveo. Cum coruscus deleo. Texo aveho tamisium reiciendis tepesco cultura antepono velit territo considero. Possimus degusto paulatim cogito stillicidium verecundia talis. Tersus concedo auxilium versus celer delibero. Ulterius collum vulticulus officiis. Viriliter acer somnus condico tam sonitus commodo uberrime. Creta voluptas totam virtus tui amplus eos tergo. Cenaculum conqueror summisse texo. Vilitas quibusdam supplanto spargo beatus damno corrupti cattus vis pel. Cinis civitas calculus. Adsidue defluo thermae amitto enim tracto cornu demonstro. Brevis bestia articulus deleo. Volubilis quae quod caelum arbustum approbo cultellus. Pecus talis cimentarius cumque fugiat. Ascit derelinquo succurro demonstro enim umbra. Aegrotatio ars veritatis labore. Stabilis alienus victus tabesco cunctatio necessitatibus aperiam dolores caste. Compono confero ex usque usitas. Curia caecus solio suscipit antiquus dignissimos eum confero certe cariosus. Aurum xiphias accendo. Textilis defessus videlicet. Delinquo volaticus tero ascisco adficio.

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