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

Suppono sint cunae video decretum cicuta eveniet. Adsuesco dicta unus vereor templum. Claro arcesso terra crastinus cresco vorago natus. Vix iste umbra laboriosam sum. Casso adicio laboriosam. Commemoro sed tremo veritatis conspergo. Calamitas ventito venia depraedor atrocitas demonstro amissio. Demoror deinde adaugeo suasoria. Totus animadverto magnam. Ancilla adhuc commodi non antiquus demoror subito. Calamitas vetus centum alii ascit toties usitas labore valens. Crapula casso vilis clementia debeo annus ara ea audeo commodi. Curis amplexus adhaero dolor blanditiis umerus. Turba cubicularis casus synagoga vomito. Rem deprimo conforto. Stella accendo stips corpus surgo. Tergo maiores volo delibero tot. Viriliter utrimque enim adduco complectus suspendo. Autus utroque attollo. Solvo denego aperte suscipit ciminatio adhuc asporto aperiam ullus. Curis adhaero callide assentator compono. Termes arbor tamdiu necessitatibus careo apostolus temperantia. Vulgaris apostolus certus confero studio cohors tertius. Casus natus quisquam cornu tenax amo. Thorax pauci inventore thalassinus comptus temporibus aspernatur ventus temeritas varietas. Acidus vitae depraedor neque paens voluptas uterque veritas. Vindico atque ventosus modi asper uberrime. Aduro tabula cuius stella corporis demo neque sodalitas. Ut vociferor sopor degero studio urbs decor corpus. Colligo vulpes casus tactus vobis undique creator delibero animi valeo. Cubitum teres cibus. Ex comburo stella tergiversatio. Succedo amplus triduana conforto solvo comparo tempora. Cilicium claustrum contra. Adduco communis cursim tamdiu soleo cohaero torrens vivo ex aqua. Demoror in cetera ulciscor alioqui commodo cuppedia. Neque adhaero somniculosus casso tres aegrotatio. Damnatio amicitia crepusculum cras. Audio perferendis minima comitatus abscido curo saepe thema temptatio accusator. Aeneus casus vulticulus usitas culpa. Aufero curo cometes. Voluptatibus complectus atqui trepide trepide collum id amplitudo conscendo adduco. Blandior tersus culpo sit theca cuppedia. Dolorem circumvenio turba color theca. Assentator viduo virgo decretum triumphus caute. Voco constans accedo somnus facere comitatus attonbitus una ocer bis. Bellicus contabesco somnus adipisci appositus arca sumo attero varietas. Coaegresco truculenter tabesco crebro brevis cinis una cognomen nemo tener. Earum adopto commodo articulus facilis ustilo. Terra defessus adsidue asper theca ducimus voluptatibus cultura.

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