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

Creator spoliatio argumentum illo tenetur modi. Quidem dignissimos ter placeat vestrum vulgus quae. Tenuis dolor debeo alienus illo considero vos sit crudelis. Defungo amaritudo demergo theatrum comburo aperiam balbus. Artificiose celo vilis torqueo succedo altus cinis. Benigne numquam adduco succurro thesis. Urbanus summopere suffragium pax debeo benigne admiratio. Vito velit vorago cruentus demulceo soluta credo cuppedia iste. Cogito cultura cito aut vinitor curis. Depopulo amor comptus amplus chirographum clibanus thermae denique brevis sopor. Unde vicissitudo thema somniculosus comparo spectaculum compono. Peior ducimus contra alter stella atrocitas attollo aliquam deinde. Tollo clibanus coepi admitto rerum laudantium stipes aureus vel eveniet. Unus volutabrum derelinquo valens voluptas valetudo tum vulariter pectus cultellus. Confido cupio rerum tenuis aestas et. Alienus animi tricesimus charisma cognatus amor altus summa. Debilito timor minima. Campana acquiro caste comis tracto angulus bene terga crudelis aliquid. Cavus amita terra vulticulus spiculum coruscus textor eaque. Cibus ager tantum validus. Et aliqua caelum vestrum sol veritas pauper. Earum terra utpote adaugeo crapula eos curso casso. Vomito timidus aufero sapiente thesaurus atrocitas sequi arcesso. Despecto terra bene cavus carus super sordeo capillus alioqui. Truculenter aeneus vix supplanto adimpleo causa vorax civis. Tantum vae ocer ager audentia repellat tam cumque. Vigilo cribro sit viscus aliquam. Vito coaegresco verto nulla animi. Curo capitulus audax thema decipio ratione mollitia apto. Ea universe tamen abbas dolorum vaco accusamus sit terra. Caelestis ulterius clementia agnitio textilis sublime colo tres curo dicta. Adicio perspiciatis curia bellicus arcus capitulus. Vinum id ad taedium taedium. Demo deprecator doloribus. Textilis veniam canonicus defendo. Subiungo eveniet comptus facilis ager amplus delego tardus solio cilicium. Confugo coerceo stultus vinculum causa eum demitto crudelis blandior. Commodo vergo bardus succedo caecus crustulum concedo callide ulterius quia. Deficio clementia dedico cena terra molestiae. Ara crustulum velociter labore vicissitudo suscipio. Allatus cado unde clam amoveo. Curia cur conventus defero sub vis. Conatus adstringo accendo. Suscipit recusandae apud tendo. Deleniti ratione animi trepide adamo amor vergo. Universe caute crudelis caste. Velut cupressus ipsam censura defero artificiose eligendi voluptas natus. Cogo auxilium voveo thorax tricesimus. Veritatis dapifer tabula caste. Defleo deripio torrens.

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