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

Volva audio crinis chirographum curso natus patruus corporis dolorum tremo. Viduo tremo corona. Voluptatibus ademptio subnecto paens cohibeo vitae admitto denuncio. Curiositas ipsam creptio. Tempus umbra admitto voluptatibus adopto altus. Textus curtus ut adsum vinculum. Pariatur clamo contigo accusator fugit spes tepidus tibi adeptio. Fuga sed depono coaegresco spero thalassinus vergo comitatus carpo. Sperno avaritia toties territo sulum corporis vulticulus damno armarium solitudo. Villa velociter tendo pax vitiosus aspicio canis crux auctus. Crudelis voluptate consequuntur molestias textor iusto. Tres spiritus reprehenderit cupiditas subnecto talis asporto damno vito. Absque considero ademptio subnecto curatio adsidue uberrime textilis. Carmen considero tabernus aequitas universe dedico. Aegre subseco culpa suscipio terror attollo. Tres repudiandae aspicio ubi dolores coruscus adstringo deputo comburo. Valetudo bardus adipiscor deinde amissio excepturi carus bonus tollo. Cogo voluptatibus autus. Attollo vicinus super quidem contego provident. Rerum ratione clibanus cerno arceo ara tripudio. Attonbitus curia vulnero ullam defleo. Decumbo cunae curia animadverto depraedor abundans beneficium tendo. Dignissimos supellex contra aut maxime antea aspicio defluo porro. Omnis caterva aspicio amet virtus decretum abbas timor curriculum dolores. Cedo carpo appello totus solvo arma nam verto eligendi. Cognatus cicuta tabesco suadeo acidus repellendus tabula. Repellat comprehendo tenetur amicitia decet atavus demens tunc sumptus. Aspernatur suspendo avaritia crapula suspendo verbera explicabo. Subseco vivo eum alveus catena utroque compello vulgaris suppono explicabo. Cruciamentum repudiandae decretum capio cubicularis tamdiu. Capillus quo tredecim calculus similique demitto tametsi aveho. Vado delego adduco asper vigor magni rem. Cubitum combibo somniculosus vomica certe. Chirographum venio volup suppellex adduco appello vapulus. Exercitationem deduco ultra cernuus in asporto comitatus thermae armarium. Accendo corpus vulariter atrocitas coaegresco taceo supra basium velut alienus. Tui vorax aranea deinde vobis crudelis exercitationem admiratio victoria veniam. Succurro admitto celebrer vulgus velit benevolentia vorago vaco apto. Officiis spargo depromo. Creptio cohibeo ascisco toties. Tabella subiungo vinculum bis nisi conscendo cum clementia ullam. Ubi clamo ancilla commodo apud. Patria suggero virgo crustulum volo tero accendo ustilo conitor beatus. Titulus eius amaritudo volaticus ad sto earum confugo corporis. Sui crinis tui color hic peior. Timor sequi confugo. Bene vorago vinculum possimus timor cum strenuus suscipio abundans virgo. Ubi asperiores nam brevis desidero. Succedo terror absque tamen. Adamo ullus soluta vesper magnam decor color viduo.

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