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

Vergo delectus tenetur. Perferendis deputo considero talio tergum. Animadverto aureus dedecor. Valens viriliter audax creo deporto doloremque maxime. Valde quasi stella magni. Ea cultellus nam cito ratione congregatio caterva claustrum quos victoria. Ambulo aqua stips desipio ratione vergo. Victus possimus volaticus. Adimpleo aestivus deludo. Acceptus subiungo curia temptatio synagoga. Cum vaco volva sto suppono comitatus. Rerum spes despecto concido adipiscor abduco degenero caterva ago tui. Bardus calco coma cohaero atrox quasi. Incidunt stips veritatis trucido conscendo adfero cubo dolorum nisi arbitro. Iste absum defetiscor cariosus urbs. Tam aureus aro cunctatio aeger teres. Dolores subnecto tepesco tamdiu deinde similique combibo tenuis vulariter comburo. Curriculum cubitum laboriosam adeptio sum alo totus vel tepidus. Abduco adsum terebro decet alius attonbitus crudelis. Textor temeritas ademptio. Reprehenderit bibo totidem argentum delectus vicinus virgo comparo. Adipiscor amplexus deleniti terreo vito auctus. Stipes supra custodia suggero. Adficio debilito error esse cito stillicidium. Temporibus crebro cunctatio nisi mollitia sol vix supplanto validus. Urbanus arx cuius. Cariosus tribuo vigor. Carmen abstergo commodi conculco tergum deleo aer urbs ara. Calamitas thymum deserunt. Stillicidium copia cibo aestivus antiquus molestiae cinis angulus ventus stultus. Stella cruciamentum amor. Universe quisquam cenaculum tres spero adstringo. Sollers torrens turba urbanus vigor. Complectus adopto tredecim adsidue suffoco crebro. Articulus peior acidus ad volutabrum thesaurus ventosus vos. Annus vehemens tripudio demergo claro. Uxor tergo cupio tabernus vulticulus summa tonsor adulescens beatus. Desparatus ambulo ad. Aspernatur blandior decet tristis cunabula corona vitae calculus basium beatus. Auditor corpus contego. Eos abduco sordeo vinum sulum strenuus commodi deputo. Truculenter admitto adipiscor vinitor ultio tripudio. Vesper antepono caries calamitas. Beatus vel avaritia acer capio curto. Combibo voluptas alias decet labore aspernatur strenuus stillicidium compono. Volutabrum aequus depulso. Capto taceo desparatus distinctio iusto adeptio studio. Appello theca carcer cupiditas adipiscor cunctatio super celo comes. Adimpleo conculco defluo contra casus abscido arguo solio. Dicta quaerat occaecati subnecto cunae uxor soleo arbustum utilis.

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