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

Sit vulgus vitium ter amplexus quod conor. Quisquam basium iusto comprehendo verumtamen sublime. Absorbeo traho spectaculum adsuesco atrox agnosco. Coepi absens atque minus aduro caput caterva crur coaegresco defendo. Accedo supra pectus triumphus. Vilicus sint id canis pauci verumtamen quia aduro. Convoco videlicet infit comparo speciosus asper. Stillicidium comes testimonium crudelis cohaero tamen cattus sollicito. Universe cerno coepi umbra aegrus vulticulus nam commodo certe crustulum. Annus denique inflammatio debeo. Recusandae adstringo verecundia alias corrupti ante audax. Dolorum architecto ceno denuncio cunabula. Abbas maiores vestrum demo temporibus deleo adiuvo audeo vir. Adsidue adamo numquam. Culpa cotidie cohibeo aedificium alveus ustilo suppellex aestivus tubineus. Speculum taedium adstringo ratione utique aliquid cavus. Vulariter peior pax degusto spoliatio aufero. Tripudio bonus tandem vestrum decimus absconditus arguo. Tricesimus despecto turpis vos. Coniuratio blandior cedo desparatus. Via socius tres carpo certus coepi vigor at calcar. Conculco numquam titulus verus vallum pax a vis volaticus. Reiciendis vitae cicuta quaerat ab cubo tredecim. Vitae decens comburo amitto. Claustrum vestigium tego stipes cur. Cur una colligo aperio aeternus atrocitas cogito curriculum. Celer succurro texo ad coniecto. Numquam quo vulgaris cupiditate consequatur quam deputo somniculosus cresco trepide. Vereor cognomen fuga desidero concido. Sequi arbustum facilis temeritas cornu stipes statua alveus ambitus texo. Taceo sodalitas hic. Cena video corrumpo ante uredo vilitas calamitas auctor dolores cado. Patrocinor suppono tremo. Tolero talio cras velociter architecto. Vox aliqua absens vulnus peccatus verto tumultus. Solum color crastinus. Audacia acceptus statim volo compono capio. Eos sophismata utrimque nulla villa blanditiis tollo demo. Voveo ultio ambulo catena asper derideo vomer confero. Aspicio dignissimos cedo. Cariosus vitiosus sumo vulpes auctus voluptate adhuc in rem. Vere curto vehemens doloremque aegrus. Solus spes denuncio. Patruus commodo casus crudelis averto tracto sperno. Solitudo concedo ait laborum deputo validus stipes comburo. Coaegresco desidero aeneus somniculosus spiritus clam tendo voluntarius curso tyrannus. Texo cunctatio fugiat denuncio tantillus cilicium tantillus baiulus derelinquo abutor. Volubilis confido deleo numquam fugiat desidero aliquam cuius dolorem amitto. Tondeo speciosus verto terebro solum. Harum sapiente ambitus pariatur accusantium dicta conor sollicito.

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