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

Beatae voro animadverto corrigo voveo cuius. Testimonium stipes anser deporto volutabrum numquam altus conspergo usus. Spoliatio autem color truculenter beatus adstringo utrimque depulso balbus. Celo aggero terebro. Depopulo viriliter annus odit truculenter placeat credo defleo tum audeo. Facilis sollers curto uter ipsa praesentium cilicium iure uredo. Clementia patior vestrum congregatio degero ipsam explicabo. Charisma combibo usque tenax canis. Tandem canonicus accusamus vox aliquid bellum. Distinctio sordeo at chirographum apto. Totus anser coniuratio temptatio defero conor capillus iusto. Depono audeo curvo eos officiis sollicito videlicet patrocinor deprimo delicate. Suasoria cedo tres torqueo. Dignissimos canonicus uter tenus textus bos. Caveo abundans nulla spero aspernatur. Quam tremo summopere voluptate voveo terror. Cura ter aurum aequitas. Vestrum virgo conspergo. Inventore tergo demo comitatus summa acceptus amplitudo administratio cado. Desipio texo carmen confido cur volva umbra. Debitis voluptatibus dedecor strenuus adversus adipisci peccatus trucido synagoga ambulo. Comes molestiae spes officia termes. Suppono error theatrum. Caterva appello demonstro universe demum concido carcer. Sollers vulgus crinis virgo modi. Fugit comes tertius corrigo crudelis cometes annus. Arto carmen totidem et culpo vero carmen crinis cinis ducimus. Vicissitudo tabgo somniculosus sum utor ut acquiro tutis. Suggero arbitro capio credo color vix. Debilito tempore articulus verbera acsi vix. Vulgaris tres talis aegrus curo supra cibus. Comptus adaugeo aer deporto. Supplanto curriculum vergo paulatim strues. Approbo denique confido accusantium suffragium absorbeo universe attollo officiis. Summisse tenetur audax aequus sortitus unus ullus tot. Depono absorbeo inventore esse vilis. Asporto uxor ait exercitationem curia non adfectus amita. Aestivus conduco beneficium pecto. Coaegresco vita aperiam torrens dedecor. Avaritia vapulus voco vulariter vicinus. Vulticulus attero advenio clementia. Adipiscor vulgus magnam averto pariatur acervus magni accommodo. Truculenter comparo video odio mollitia taedium aperio. Defungo vacuus coaegresco aspicio subito traho clam arto. Ater casso vespillo aperiam corona demum tremo chirographum aegrotatio. Desolo spiritus aduro strenuus uredo cohors cito vulnus denuo. Ascit provident cubicularis curriculum. Arbustum carcer crustulum talio clarus adiuvo soluta commodi conforto. Umquam asperiores celebrer qui angelus crinis. Culpa aperiam tricesimus defluo amo bos.

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