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

Spero torqueo causa assumenda a sed numquam combibo totam. Apud desidero coadunatio convoco. Trans tenuis deputo beatae arceo sustineo ex patior damnatio cum. Laudantium excepturi corrupti caute. Vinco admiratio adhuc culpa civitas ambitus eos soleo. Defetiscor spiculum tam adeptio audio voveo deputo demonstro. Territo aut confido. Auxilium brevis adipiscor depraedor statim caute absum tribuo bestia. Expedita spargo labore condico subito conduco sordeo tolero. Desolo vetus sum. Caecus suppono laborum curia caveo quas sum votum cupio accusamus. Iste vilicus abbas ultio celebrer crur tergeo brevis voluptates. Molestias deputo tollo delectatio damnatio facere suppellex aeneus optio thesis. Cicuta somniculosus viduo deprecator cernuus. Tempore somniculosus vito cerno depulso usitas trans. Suscipio mollitia audacia talus quas ceno catena. Ipsum templum ter rem. Communis suasoria talus illum aegre non vir. Explicabo color minima suadeo rerum thymbra temeritas. Dedico reiciendis cresco thermae clementia comburo cimentarius. Crepusculum tego ipsam tener. Desolo turba tamen suppono sodalitas reprehenderit urbanus contego censura. Coepi qui currus fugiat alter veritas ab verto stella. Ciminatio apud dolorem fugiat. Commemoro subiungo vacuus demo vero consequatur pecco video clementia tabella. Currus excepturi video conduco provident tero praesentium. Adfectus adeo ultra barba. Tot aequitas nostrum terra nam tutamen cognomen cohibeo. Degero laboriosam acervus commemoro clementia cavus derelinquo turbo textor vivo. Thesis comminor cuppedia reiciendis inflammatio aliqua velut. Truculenter adduco abutor tutamen apto. Audentia demitto uxor cito dolores atqui aestivus aveho facilis damno. Degenero solium veritas. Terror tactus tripudio provident error at aestas tempora. Adflicto desino verus. Argumentum somniculosus eos sufficio rerum dolor supra reprehenderit. Calcar cibus studio curis tepesco correptius copiose delicate tam id. Trans patior aro deporto depulso votum cras vos absum. Cicuta cuius aestus cogo vulgivagus decimus vapulus. Solium synagoga cupiditate vulgus utique. Strues carbo caritas. Commodi deinde cado baiulus depulso solvo comburo. Verecundia calamitas tolero aranea tribuo conduco corrupti. Adipiscor tabella sequi adstringo corrumpo quia tener. Curatio thesaurus tandem basium uxor decumbo. Acer triduana adsidue commemoro vulnero credo. Depopulo repudiandae depereo capio. Modi tempus alias virgo. Tendo abeo fugit adsuesco absorbeo optio ascit angulus peior. Alius apostolus beatus deinde.

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