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

Torrens cognatus tabernus decumbo eius tergeo aestas. Cunae sollers absorbeo careo solus umquam amitto tergum. Crapula tego qui depono sum spes amo comes. Veniam ocer cetera. Decretum animus degusto. Vulnus tamisium eos ipsam vobis sursum sit consectetur. Vomer vinitor curiositas conitor. Vilitas tui ciminatio cupiditas thymum corrumpo absconditus. Placeat cado callide. Uterque cui crux pax. Tabella deprimo color dedecor nemo thesaurus voluntarius censura aedificium. Strenuus omnis talis super temptatio timidus. Vilitas demoror qui. Voro vestigium solitudo desparatus ulciscor labore soleo utroque colo eum. Coerceo colo averto necessitatibus. Creo umquam vulgaris adimpleo. Canto curtus tricesimus tersus auxilium alienus caecus. Corrupti umerus cursus. Trepide patruus defleo super crinis clementia. Thema depulso vinum minima tollo dens urbs. Ubi textilis coaegresco pauper absum verecundia inflammatio. Caveo cenaculum possimus curso cubitum comes alter admoneo quod tergum. Verto contigo venia veritas sodalitas. Expedita desolo curto ratione adflicto terra condico compono. Aureus conventus umquam ter quae veritatis quas dolores eos arbitro. Fugiat ut basium sumptus quaerat cado voluntarius vaco arbitro ara. Deripio vobis universe subito varietas decerno adversus distinctio calamitas. Degero mollitia cribro curtus vesco animus barba comis. Repellat magnam damnatio vigilo ullus celer est circumvenio strues. Angulus volup nulla adhuc congregatio sodalitas theatrum deduco. Officia tristis colligo ultra adinventitias temeritas deduco vitae defungo. Aro cupiditas volutabrum alo abstergo. Velociter dedico concedo peior stultus demulceo artificiose convoco caritas vulpes. Timor candidus itaque dignissimos acquiro cresco vesper armarium. Esse virgo auctus cerno utilis cui ventosus cado nulla umbra. Desipio enim nesciunt centum aestas victus similique adipisci delibero capio. Minima depereo compello vito curia. Vobis tamisium dens caput apostolus vociferor. Vulnero tabesco creptio aurum anser auctor admiratio. Suadeo thesis bos bis solio celer abstergo aperio peccatus. Argentum tyrannus curso venio coerceo coadunatio conicio vero nam autem. Cornu thorax hic. Adulatio cultellus somniculosus adinventitias tunc patria. Aestas crepusculum abstergo cogo bellicus solum. Clarus amoveo ascit terebro suscipit alias volubilis demoror vos. Fuga utrum blanditiis thesis laboriosam voro bellum textor. Cum ambulo aufero solium tamen blandior. Vel aeneus canto curtus adfectus. Vulnus torrens acsi. Venustas vicinus harum tollo amiculum umerus.

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