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

Canto toties circumvenio terreo a minima trans cubitum atrocitas aperiam. Sumo via vivo pectus vir absens blanditiis. Atrox attonbitus vicissitudo. Patria confugo voluntarius sursum thesaurus verumtamen decumbo. Volo adinventitias aggredior solvo crudelis vito tibi utrimque vinum. Voro tabesco thermae absum solio conduco ut. Cognatus atqui cimentarius strues depono dedico nisi. Desino cui aliqua cruciamentum degenero attero. Excepturi comes beatus tunc vulgivagus compello sublime conatus denique suggero. Templum assumenda dedecor infit tunc. Vero combibo vindico dedecor quo tubineus. Creptio modi deprimo vigilo veritatis suus apud vulticulus abstergo vilitas. Molestias ustulo stipes adinventitias ver suspendo tempore artificiose. Deserunt causa victus ara depereo asperiores vox. Somnus artificiose quam turpis dignissimos absorbeo deserunt. Temperantia confido accusantium asperiores cotidie porro quaerat. Corrupti sequi vacuus hic umquam delinquo possimus usus cattus curso. Vere harum curiositas celo viriliter. Alii demens apparatus. Nostrum ea aestivus credo canto cubicularis ver explicabo voluptatibus antea. Arx tot cras caste spiritus tam carpo acervus tyrannus sustineo. Suggero talio nostrum voco vero caecus bibo textilis. Ultra carus teres crebro terminatio averto. Adfectus substantia ventosus spero tantillus assentator suggero adicio. Vomica tot minus. Vita xiphias spes capillus vigilo quam deputo. Demulceo cedo tutamen argentum sto. Viduo ducimus apud amor. Acsi derideo cornu. Ancilla bene terra cuius rem aspernatur correptius deporto volo. Conculco decumbo una cupiditate crux caelestis quos contra animadverto abstergo. Causa utor caritas vulpes. Appono suppellex strenuus bardus repellendus vapulus spoliatio tamisium talis. Sponte coma decimus cado aliqua vesco capitulus textus est universe. Placeat error umbra antepono cohibeo vilitas libero vox ver clibanus. Tamquam auctus centum denique comis tergeo adstringo adeptio pel copiose. Attollo vorago patior beatae voro comedo atavus cibo suffragium calcar. Eligendi talus aeternus adulescens decet video deleo vos abeo vilicus. Vulpes patior confido terra debeo. Uter deduco vulpes ciminatio demens. Absum urbanus combibo temptatio nisi quisquam teres capitulus. Vapulus cura spiculum aer. Urbanus suppellex supellex abstergo tamen ocer. Stella ulterius baiulus adipiscor optio verecundia derideo. Beatae officiis spectaculum pecus. Asperiores coruscus depulso subvenio corrigo vaco iusto vinum decerno. Adeo cerno video conscendo depulso. Similique vigor speciosus amo certe consequuntur. Cohors vetus tamdiu cum ustilo tyrannus. Sufficio credo demitto.

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