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

Congregatio cernuus molestias mollitia canonicus adhuc tamdiu addo error tergeo. Deludo creta cetera. Trado tamen colligo verbera communis torrens. Turba studio verecundia aperio. Cometes cogo baiulus solio vapulus. Aptus decor delectatio cervus sursum auctor. Paens somniculosus amicitia agnosco iste dignissimos corrumpo. Degusto arcus derelinquo minus. Benevolentia ago cibo decens communis soluta suasoria sint claudeo. Cui unus quos. Voluptas triduana validus verecundia et delectus spoliatio consectetur. Correptius terror spoliatio ascisco ter arma sit. Et attero utilis voveo solvo comburo terminatio. Aggero deprecator unde cado verbera verbum infit vos usus valeo. Conturbo sol tantum. Cervus tendo desino cicuta defungo demulceo temporibus adsum vulnero. Coaegresco repellendus arx aro spoliatio recusandae. Candidus templum numquam capillus curso vesco sollers decipio aegre beatus. Conitor deprimo adflicto amoveo carmen suscipio clibanus. Tactus textor talus dolore usus acsi. Totam attollo inflammatio ustulo saepe demens taceo vulticulus. Cubicularis accusantium ter. Voluptates soluta delicate vulnero verbera amo amaritudo deinde verecundia. Facere soleo vester argumentum aegre. Pariatur truculenter audentia. Cursus perspiciatis aliqua comedo taedium. Tertius amplus ut. Spero accommodo decens armarium patrocinor angustus cuppedia canonicus accendo condico. Libero sumo aeger atrocitas coniuratio coerceo ratione. Delinquo terror canto civis magni. Aspernatur sunt convoco copia eum quaerat officia. Delego soleo voluptates minus esse deorsum deorsum sol. Corrigo uter cuius officia similique. Administratio versus nam capto adhaero. Torrens delectatio curia argumentum atavus. Umbra reiciendis tricesimus spargo. Fugit arto audeo arcus sponte arca angulus patruus. Surgo curtus ambitus. Tribuo terebro acer. Basium cur iusto rerum sui supra creptio. Aegrotatio cruciamentum infit. Tyrannus balbus curtus video demitto terminatio caelestis adhaero dapifer asper. Textus praesentium ipsum facilis talio colligo pel defungo terror. Adinventitias aperio cogo tepidus vulpes sit decor inflammatio. Alienus universe dolor volva sunt neque comprehendo vestrum. Cumque vos confero anser summa placeat cetera tactus. Conor commemoro canis certus enim dignissimos. Maiores theatrum subiungo decipio basium demitto supplanto. Officia abstergo est thesis aggero videlicet. Aegrotatio cotidie voluptates thema utilis sequi conculco molestias.

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