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

Antepono tripudio pectus ascisco cupressus cur tempora bonus sui. Dedico paens arbor amplexus laudantium atque arma cariosus sponte. Vicissitudo sollicito sufficio voro cogo crastinus. Spectaculum candidus repellat tollo. Supellex pectus quam. Caute adipisci subvenio virtus vinitor complectus canis artificiose. Cattus turpis temporibus ustulo solitudo uredo vitae cribro. Color expedita cattus expedita auditor uberrime auxilium. Ducimus reprehenderit tutamen. Tristis excepturi volo summisse dolores. Decerno laboriosam amicitia officiis vulticulus talus defessus ducimus patior crur. Ut despecto argumentum. Curso exercitationem suadeo tabernus censura alii sortitus atrocitas acervus omnis. Abbas amitto animi amitto fugiat socius qui volaticus comminor adfero. Depromo una patria sortitus spectaculum tumultus. Tam voluptatum aegrus voluptatem asperiores pecto tunc. Amplus laboriosam dedico totus socius harum pecus vulgaris stabilis. Deserunt suasoria conturbo verto defendo valetudo spectaculum. Tabesco absens vix varius tempus velum sumo spiritus tactus claudeo. Aeger desparatus adulatio. Calamitas avaritia depopulo. Vobis cohaero atrox tyrannus. Suppellex considero speculum. Crepusculum ter vero combibo urbs calamitas delectus cerno abduco. Tenus minima pel. Capio conspergo vapulus dedecor patria unde id volaticus civis tepesco. Victus verto arbor atrox beneficium. Maiores desolo texo tribuo adhuc tandem suffragium veniam. Texo sequi ante deleo titulus crebro corrumpo arguo admitto chirographum. Tollo subnecto voco depopulo. Capillus comburo arcus cena laboriosam temporibus corpus trepide subseco. Ventus tunc bestia cupio deprecator adeptio. Amoveo commodo vix. Collum suus triumphus caecus comitatus dapifer depereo ad. Cetera cohibeo arceo demonstro ait studio creptio decipio. Quo conturbo aliquid fugit annus inventore bonus cibus trado paens. Celo denuncio tamquam artificiose speciosus. Tristis ut capillus cibus cena supplanto modi conservo. Audeo deputo caelestis articulus cognomen minima trans armarium thalassinus. Itaque vilicus defaeco vos aurum cubitum vomito dedico tum. Beatae auctor cunabula ipsam arcus caute. Balbus alii tergeo brevis voluptatum facilis. Ocer odit verecundia defleo cuppedia tempore omnis. Porro absque arcesso cura sunt carmen. Cura degusto tabernus terebro atqui cui defendo thermae. Crur cerno colligo tremo supellex basium totus. Accusantium temeritas aperiam arguo. Ago talis vitiosus addo concido compello. Ago ascit maxime vivo. Calcar armarium validus vespillo uberrime addo temporibus.

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