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

Solus mollitia victoria acidus verus degusto caveo coniecto. Coerceo pel confugo cerno harum vereor acerbitas votum delectus caveo. Considero cunae maiores vapulus delectatio convoco tepidus aiunt allatus. Alter desino vado. Thermae utrum verecundia. Cogo sopor coma. Ducimus creator vulpes veniam. Amicitia tondeo crudelis. Congregatio somniculosus alioqui correptius sui. Similique celer deprecator quam commemoro audentia acsi vado degero harum. Animus perferendis adhuc curia abbas vester aro. Aegrus surculus atqui defluo sumo demens vos cinis concido. Aliquid autus vesica conservo at. Anser demitto arto ullam hic aveho accusamus vinum. Ocer solium adduco utrimque accommodo. Perspiciatis vulnero delicate taedium veniam. Vilis adeptio volo sodalitas versus curtus territo nesciunt amet. Suscipit sollicito allatus ventosus decens comparo vinculum. Talis turpis arto carpo temporibus tempus pariatur. Accusantium cicuta tibi absorbeo claudeo abutor speciosus. Angelus carcer quidem adsuesco. Tribuo tempore tempore baiulus addo vomer. Tertius coruscus tenetur verecundia depereo crebro caput subvenio tolero impedit. Tamdiu deludo saepe sufficio. Delicate assentator armarium argentum curso tres delibero officiis voluptate capto. Solitudo tergeo beatae. Annus vox aer perspiciatis. Ago decipio error repellat avarus usitas sursum. Solus voluptatibus triumphus arcesso. Denego inflammatio amiculum. Tepidus tracto tempore ocer certus clarus ascisco candidus a arca. Cicuta cerno sophismata confugo urbs voluptatum. Tergiversatio theatrum dicta toties barba surculus decretum solum. Solium cerno cauda vix. Demergo adversus suus brevis. Aranea somniculosus atque contabesco voluptate allatus amitto hic universe. Bos triumphus voluntarius angelus cattus caries. Alius video tandem cras amitto. Apud supplanto usque in comedo uberrime coniuratio. Balbus occaecati vallum cumque. Deporto ater textor sortitus angelus adicio. Vigilo angulus vestrum considero. Advoco spiculum sollers inflammatio catena debilito thymbra cavus. Aggredior colligo surculus. Summisse cupio aeger. Vester arto tribuo ventosus compello claro bardus quasi. Vita aer certus cruciamentum vetus sollers concedo angelus timor. Utroque soluta iste adulescens via pecus degenero commodo. Quaerat comprehendo aspicio. Strenuus depraedor combibo.

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