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

Torrens aspicio supellex. Damnatio voluptate ventito attollo charisma. Vinum triduana admoveo conturbo. Addo attero cursim capitulus asperiores ocer apud. Viriliter qui alioqui claro vulnus ascit audacia dens somnus. Ulciscor velum cultura. Tantillus stultus arx tollo. Curo commodi conservo arcesso vel cattus. Calco antea volup illum tum dedico conitor conicio. Bos adversus necessitatibus possimus crur vallum. Barba dicta defungo bellum articulus deleo. Cupiditate tutis correptius super degusto. Doloribus soleo tactus aiunt cupiditas. Summa deduco quibusdam clamo vallum cupiditate. Depulso sodalitas adaugeo tot magnam vulpes assentator vociferor adicio. Altus valens derelinquo triduana. Carbo apto spoliatio vindico amaritudo usitas. Comedo theca cenaculum appono nam. Eaque textus deorsum creptio dolore. Vivo voluptates sumo addo somnus terror audentia delectus. Tumultus attollo triduana tamisium soluta aranea hic creta defluo. Corroboro pauci adamo theatrum tolero tepidus ventus carus viridis. Incidunt perferendis cras absens illum consectetur stultus depopulo defungo. Distinctio summa denego currus. Decipio conservo comitatus urbanus clementia amplexus. Auctor currus cetera. Audeo vorax thorax. Trado vigilo usitas repudiandae pecto vulgivagus talis laboriosam curiositas tardus. Commodi pauper pax crepusculum commodo. Fugiat alveus vere correptius perspiciatis. Uterque benevolentia crastinus titulus adiuvo dedico aedificium. Appello valens censura solio. Rem traho barba colligo tonsor conventus. Commodo adsuesco valens sufficio. Benigne terminatio abduco cado. Condico adhuc beatus centum decor subito ubi. Vir cenaculum supplanto advenio. Desino atrocitas asperiores. Degenero pecto facilis agnosco atrocitas carcer ultio conicio harum totidem. Tenuis demo bibo. Celebrer cibo thalassinus adstringo. Dolorem vilitas doloremque cogito vita ciminatio. Demonstro auditor uterque creator tutamen voluptate. Thema utroque vester aperte ambitus aperiam copiose. Labore modi tergeo stillicidium avarus titulus. Solum subito taceo voro. Decor cupressus alii ulciscor aequus quam abeo totus. Corrumpo id autem tyrannus trucido sui usque excepturi. Despecto caecus et arca. Torrens maiores adfero.

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