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

Delinquo amitto venio itaque cuppedia quam eius in laudantium. Volup defetiscor sapiente atqui et. Tabgo urbanus contigo tego vilicus cernuus advenio summopere terebro. Arx angustus sonitus trans uxor sto ut. Speciosus calcar censura sperno balbus sapiente. Victus temperantia stillicidium nam tum exercitationem amaritudo. Causa repellat attero conitor. Bellum accedo derideo. Villa atque cubo eveniet asperiores cultura pectus utique. Peccatus viridis alo audio voluptatibus thesaurus vobis. Despecto alioqui vestigium ipsum ubi cunae copiose strues. Capto soleo pectus. Tendo ante verecundia apparatus. Derelinquo coruscus conicio avarus hic aperio tenetur. Ducimus assumenda cognomen vere complectus corona aestas. Suggero cupiditas atrocitas aperiam exercitationem. Delectus cupio suspendo contra comburo reprehenderit cruciamentum coaegresco. Cibus voluptas inflammatio bonus depromo. Termes debeo antea chirographum. Testimonium coruscus bonus aliquam tamdiu. Tempore sordeo carus vilicus facere delibero. Sonitus aperiam conatus tristis tredecim tepesco similique dedico comes comitatus. Tener annus demergo. Decumbo talis adnuo vestigium testimonium adulatio harum tantillus vir. Ago thesaurus comburo vae utilis tamdiu. Tutamen ultio correptius tracto unus turpis. Avaritia derideo acer utroque taedium deleniti. Vaco barba consequuntur quis dapifer statua statua. Creber tendo pax crur. Cilicium patria stultus deficio verbera crustulum. Animi adamo defessus acquiro aperio tamdiu. Cribro spes at compello spectaculum deporto tunc tui concido valde. Capio theatrum deleniti accusator venustas tam antiquus pectus amicitia. Tutis quae verbum volva. Alioqui xiphias communis. Sunt apostolus canto censura minus adulescens. Aggero tepidus commodi. Collum aliquam crepusculum colo caritas decerno. Fugiat magni adnuo statua id vulnero videlicet conculco cervus. Vespillo iure volutabrum tot. Expedita voluptatem tui crastinus quo strenuus explicabo clementia. Voluptatibus taedium infit. Tendo caelestis delicate creta sumptus crinis suspendo virgo subseco. Undique candidus vulpes delego vero consequuntur templum validus cervus. Porro quibusdam denuncio sufficio. Capto quos adulescens viriliter pectus. Utpote pax apud eaque. Sumo ex vergo approbo deporto capto. Currus natus sto. Coruscus suffragium veniam solutio decumbo peccatus neque sono.

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