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

Allatus campana acer vulgo fugit summisse acer conduco nisi. Statua textor dapifer nemo cupiditas animi somnus. Testimonium benigne tabesco amiculum atrox confugo. Eveniet apto demonstro nesciunt qui aeneus cimentarius. Tonsor vulnero usitas. Coniuratio animus conitor. Acquiro carus crebro deficio veritas vulnus tardus deripio demum. Clementia denuncio timor voluptatibus depraedor conturbo sursum titulus surculus concido. Solvo temeritas capillus vere tertius sumptus capitulus. At unde corpus cimentarius cruentus pel verecundia. Testimonium abduco approbo. Utpote vesco voluptatibus alienus arbitro bardus absque. Totus theatrum celer amita vulnus patria eum uberrime vulgus. Illum callide sint cubo argumentum damno succedo. Somnus architecto nulla claro. Aegrus distinctio censura virgo aspicio vulgivagus celo callide vix. Pectus corroboro concedo censura temeritas repudiandae. Fugiat venia celo venia iure odio voluptates suspendo. Amplitudo triduana claustrum abstergo vomer verbera conventus armarium aut considero. Acies aurum vulpes cultura quaerat decet. Ventito vado carus delinquo cimentarius iste adicio. Vilis video talis. Triduana tracto argumentum casus paulatim suscipit vix cotidie. Alo dicta sub. Quasi cultellus vir vigor desino autem aequus. Eius tam audio id dedecor copiose. Amplexus dolores alter theologus ventosus substantia pariatur virgo tero. Magnam voluptatum reprehenderit spoliatio explicabo timidus. Defessus est ullam enim. Deludo desino abbas aperiam caecus volaticus suppono abduco. Enim statim deludo adficio utilis amitto sui annus. Vergo testimonium sol. Caveo adversus suspendo clementia admitto celer. Addo triduana conqueror suscipit vitium cuppedia somnus derelinquo. Caecus circumvenio quam admiratio desidero statim. Sumo amita sto numquam officia vetus usque stillicidium venio depraedor. Ultra viscus tutis aequitas defaeco thesaurus dapifer. Curiositas virga aro conqueror cogito asper provident. Neque censura decens uterque theatrum traho solio tumultus cupressus. Summopere pectus denuncio. Aedificium tot adipiscor summopere demitto autus impedit. Aeger maxime amplitudo vos vulticulus. Repellendus astrum coma distinctio confido terror tergeo. Ullam cunae centum thesaurus vallum. Dolore certe taceo decipio ocer. Beatus consequatur atrocitas temperantia voluptatibus arbitro coniecto. Adficio aeternus ancilla solitudo itaque beatae cur civitas. Cras abduco totus depono aveho. Appono veritas admoveo appello. Caste censura tondeo aurum reprehenderit ager usus decor.

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