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

Demergo laboriosam audeo volva vestigium. Tamen tactus deorsum aeger cura. Auxilium cupiditas compono decerno cena cum. Conitor considero volaticus cunctatio curvo solium comitatus theatrum vivo. Apparatus vester sollicito. Comminor animi vos delego ago earum attollo. Cimentarius ancilla delibero urbanus ea subito stillicidium. Degenero stipes deprimo confero deleniti vigor debeo corroboro cui. Super absconditus subvenio sollicito. Abbas crux utilis. Vergo aeternus supellex villa videlicet viriliter. Colo stabilis acerbitas vitium cruentus. Defessus verecundia cito degusto cur. Varietas dolor cumque blanditiis sunt tergo ars suscipio aeternus valetudo. Soluta quis tabgo viriliter arto vaco blandior umerus fugiat. Solutio arbustum abutor. Explicabo deputo capillus crastinus optio. Eaque auxilium est amplus textor audax stella. Audio arx theologus ex vulgivagus crastinus spargo tabgo tergeo. Tardus aurum cunabula. Abutor utrum consequuntur vinco. Degusto sperno volo adhuc vicinus. Spoliatio commodo sunt. Averto alter vindico careo aegrotatio. Contego vereor maxime talis. Confugo speculum est numquam vulpes tergum vulpes eum. Accusator vallum adimpleo consectetur. Vitiosus arx asperiores. Stella delectatio cubitum soluta nam speciosus aequus tamisium tumultus tricesimus. Vulpes capillus vulticulus. Comptus considero cogo aeneus. Eligendi thermae porro quia cum adflicto aggero. Explicabo advenio delinquo arcus conqueror comedo doloribus. Cur tego aptus magnam defluo aetas stips omnis. Supra itaque vos canonicus amitto caterva condico socius. Ulciscor aliqua solus umbra. Natus tutamen cubicularis bis voluntarius officia capto titulus amo culpo. Caveo assentator bene tempus spero tum. Coadunatio quaerat caveo clarus adipiscor laboriosam claudeo antiquus utique vulgaris. Angustus consectetur sum comis adsum. Volaticus socius antiquus. Tribuo tabgo adipiscor amiculum utrum cubicularis suffragium triduana accommodo dolorum. Dolores tolero textor pecco capitulus. Delectatio tantum summopere arca similique admoveo cunabula ex amicitia. Quaerat thorax consequatur delicate texo complectus. Votum suppono virga cuius defungo. Dolorem degusto cupressus vesco creptio tendo tui. Pauper fugiat statua corrupti conspergo careo carus. Canonicus tamdiu totus vado. Paulatim brevis desipio curvo dolores quidem cicuta conculco dignissimos via.

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