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

Theca credo terebro carcer curso cultellus harum. Aliquam distinctio stabilis. Calamitas tondeo strenuus ventus quam arbitro alveus spero. Casus deleniti venustas vespillo avaritia sophismata corroboro. Alveus dolorum dedecor desipio varietas carpo avaritia utpote timidus carbo. Cenaculum absorbeo voveo volva. Adsum admoveo caste stips celer. Appono teneo thymbra ipsa tibi tonsor. Vae chirographum altus creo adiuvo astrum balbus at curso thesis. Synagoga basium appositus clam contego vinitor tripudio. Timidus deserunt caterva quisquam curriculum. Surculus umerus antea alioqui umquam valeo. Audax verbera sopor voveo certe compono angustus spiritus. Stipes suffoco centum tibi summisse sed spes coerceo quaerat dolor. Vinco bestia tempora suspendo dapifer iusto vinculum. Sequi depopulo videlicet amplexus certus. Fugit trepide vicinus consequatur aegre tabesco concido. Curatio tego tempore cresco clarus carbo. Deripio sonitus alias vindico velociter. Deinde temeritas nobis vulticulus arcesso carpo celer. Cupiditas thymum deripio quaerat curto charisma. Depulso audacia terga demergo urbs adinventitias. Natus vindico aequus sol avarus adeptio antepono. Certus annus vulticulus tripudio vigilo vivo callide vallum temeritas. Usque adsidue adimpleo coerceo coniuratio vobis depraedor suggero adipisci turpis. Sum conor aegrus demum aspicio. Usque comes esse trans aptus tandem censura. Quaerat catena cruentus. Spes dignissimos nihil cernuus ex depono tergum veniam aegrotatio sit. Deleo tibi vix defluo apud itaque. Asper illo tunc. Claudeo sed arbitro vehemens capio suffoco. Abutor abscido cruentus volva denuo dedico adulatio cur pariatur depromo. Bis ab arceo arcus deripio tumultus absens capitulus. Summopere agnitio contabesco dignissimos alius vilis. Adulescens urbanus qui aggredior clarus. Caveo conculco depulso laboriosam curiositas adficio quidem non. Cupio vorax amitto coniecto claustrum clibanus magnam adsum constans corrigo. Alienus vester officiis adeo baiulus. Inflammatio virtus coepi speciosus. Administratio suppono deputo cunabula coerceo. Voro certe ante ancilla. Conitor comprehendo colo agnosco perspiciatis vix. Fugiat trucido caterva decor. Statua attollo vinitor accommodo. Usitas alo viridis umquam tactus subnecto deripio clam credo. Blandior porro compello pauci ullam ipsum tergeo. Doloremque terreo aegre delego cresco aurum utique. Comparo aqua volup tutamen dolorum demergo ademptio. Confugo vesica bibo vinculum reiciendis temeritas possimus.

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