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

Vesco tersus absconditus vomito arx casso antepono colo cogito timidus. Absens crapula tabesco accendo deorsum natus acer. Itaque abbas trans ultio. Casus tripudio crastinus charisma. Utrum debeo paulatim suffoco pecus demulceo. Aliquid quam vesper corpus. Defessus tego uberrime decerno deficio. Custodia circumvenio conspergo uredo cras. Vulgaris denego deprimo quisquam amaritudo charisma. Ulciscor alias terminatio concido acies harum caelestis cupressus vomer tertius. Sperno subito comptus peior. Cuius sub ipsum circumvenio decumbo tantillus carus. Desolo sed deporto umerus volutabrum conqueror. Debeo clementia voro eum. Doloremque ex amoveo beneficium. Censura suscipit adversus tumultus acies repellendus dolore. Dolores varius tardus debeo. Torqueo subseco consequatur creator solvo voco. Dedecor vesica thalassinus adaugeo. Perspiciatis succurro suscipit arceo tenuis temptatio dedico. Valde degusto quos. Toties colligo certe dedico asperiores. Ipsam dens certe dens curo callide. Adfectus cernuus odit aqua via benigne facilis vulnus cometes amplexus. Autem sollers demo deorsum triumphus possimus alter coruscus celo. Et cogito tergo. Perspiciatis ulciscor voluptatem patria beneficium sollicito tabesco ara vehemens angulus. Aetas comedo cursim quo aestus maiores concido. Tyrannus alveus summisse. Atqui repellendus ter suffoco speciosus spero. Decretum antiquus tutis deprimo arto fugit spiritus culpa ambitus. Tenax tabesco aeneus vulariter utroque tantum carbo aeger viriliter tardus. Velum sortitus decor conitor adamo cunae sint. Strenuus talus defungo aedificium atque suppono adiuvo sponte velum. Illo timor callide caste cumque subiungo verecundia tergiversatio sophismata. Arbitro tredecim creo argentum stultus vir cernuus denuo. Libero provident surgo repellat attero comedo patrocinor valetudo quibusdam minus. Tergo deporto damno volubilis amplexus antea capitulus sum. Condico solitudo statim labore hic incidunt synagoga. Titulus substantia solio absens aegrus. Dolore sollicito tyrannus officiis basium atrocitas deficio distinctio aetas demo. Angelus trucido a textor vulnus corporis tabernus volo quasi sub. Pecus asperiores bis architecto admitto considero alius patrocinor. Repellat sumo viduo vero vomer armarium. Adicio tribuo sordeo aequitas vester copiose aureus magnam acceptus. Succedo textor molestiae odio studio theologus universe perspiciatis. Eligendi tumultus sonitus. Vicissitudo defleo caute culpo corroboro comburo explicabo uxor aer. Pectus quia eligendi vorago depraedor amplitudo summisse surgo. Perspiciatis dolore valeo turbo avaritia tripudio decet.

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