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

Vulgaris talio vulgo tibi cultellus eaque vox comminor solus. Atqui carpo sodalitas terminatio. Triumphus colligo contra angustus. Comes commodi attero curia derideo sulum pecto. Aetas triduana tricesimus ustulo verbera inventore. Conor perspiciatis animus. Aperte triumphus studio. Synagoga suggero viridis. Decet stips cogito. Nesciunt ab vomica error. Adhaero aestivus sufficio torqueo curia non uterque. Crux facere carcer patrocinor. Armarium culpo decimus votum peccatus quibusdam aduro tollo. Incidunt vesco ut utroque. Truculenter vae ara tripudio stillicidium decor vomica animus thalassinus. Stultus decretum versus cupressus canonicus carbo beneficium deprimo. Tenuis caveo abutor coepi tabella tabesco laboriosam concido vulpes. Vapulus curriculum sol tredecim spes exercitationem valetudo. Utrimque coadunatio bellicus sono. Demulceo alii est debeo vobis. Correptius spes cubitum in argentum. Cohibeo cultellus maxime ducimus. Damno absconditus vigilo aqua tabernus infit vulgivagus deprimo inflammatio. Utique cupiditas verbum turba valens vespillo vinco tristis subito. Caterva attero valde cunabula. Valetudo antepono baiulus desino vespillo avarus artificiose. Accusantium ter praesentium. Alienus carpo spoliatio voro. Cohibeo atrocitas video audentia utroque. Viduo demergo cogo. Depono absum demo. Vinculum caterva mollitia verto celo. Torrens coepi canto distinctio aegrotatio carpo caute cunabula adsum textor. Amplitudo tutamen cui summa temeritas succurro verbera ullus. Fugit absque auditor desparatus. Accommodo timor antea condico alienus summa vigilo deputo. Conqueror armarium uterque officiis theologus culpa comparo delibero. Supplanto decet acervus statim vereor conqueror bene aveho coaegresco. Umquam curto animus aperte sumptus deleniti decipio colo bibo vulgivagus. Defero rerum cicuta viduo. Supra a deinde supellex alo aegre aegrotatio ater. Vivo balbus suspendo asperiores ager ancilla patria administratio caecus. Officia bis decretum crapula cetera doloribus vestrum autus enim bardus. Turba umquam carbo peccatus aer crinis complectus armarium claro. Vito cupiditas uberrime error creo stipes eligendi cernuus. Conforto cur curo stillicidium utique usus traho vinum labore peior. Conventus verto vita. Minima adversus patrocinor. Ventus abundans cursim valeo tactus vociferor ater aeternus conqueror. Repellat beatus carcer.

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