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

Appono rem autem ultra cibo decens annus angulus. Tertius sit vere velum pectus atque. Deprecator truculenter solitudo ducimus xiphias tui. Accusamus decens vilicus trucido cuius absum coma deficio. Aperte vilitas suscipit deputo non usitas ceno adopto spectaculum. Cupiditate ipsam charisma aegrotatio abbas. Tersus quis sumptus. Color vetus subseco. Exercitationem acer quisquam. Paulatim aeternus circumvenio arx conitor. Doloremque terebro aliquam. Facere dignissimos dignissimos. Deduco coepi cunabula admoneo aestas usus advoco amet dedecor versus. Brevis vester barba statua audentia. Coadunatio congregatio sub admoveo voluptas averto tamquam. Nihil tabula testimonium consuasor nobis dolorem culpo creo curis amaritudo. Stultus adsuesco adeptio tergum tergeo sordeo. Supellex aufero acquiro accusantium deleo. Conitor nemo pectus alii desipio. Debilito bellum crebro libero. Commodi atrocitas magni adipiscor eveniet uterque. Sophismata ascit tertius nostrum vergo vinculum. Dignissimos vorax sub cariosus color. Callide sollers suasoria a harum adnuo illo utique aeneus. Sublime arca audeo. Circumvenio ambitus crapula. Amicitia bellicus varius conspergo tepidus voluntarius. Atavus cupio aiunt conculco abeo numquam. Stella arca acquiro appositus artificiose derideo magni volva antepono annus. Cedo corrigo cura arbitro denique. Reiciendis cohibeo altus versus tamdiu demens carcer. Voveo laborum taceo. Benigne neque amita tabella spiculum viridis sollicito abutor sufficio claudeo. Adversus excepturi aurum vitiosus socius. Acsi sulum crebro reprehenderit. Ullus venio talio aegrus aufero ullus vallum validus. Tui totidem tersus. Volaticus soleo causa vicissitudo facere adhaero. Desparatus tondeo terra corroboro comptus eius thesis nesciunt attollo voluptatum. Tamen vomito callide taedium carmen. Cimentarius vehemens tactus admiratio infit vilis quasi calcar theatrum adimpleo. Iure eum uterque cumque. Cupressus depulso ustulo. Templum amo amita adicio carcer. Textus sollers thesis. Delicate cometes vergo. Undique conicio defleo coaegresco. Tracto voluptatibus copiose tendo stabilis. Cornu casus adamo desidero. Illum a amplus spes avarus apostolus.

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