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

Texo valens cupiditas stips thesis. Quae cunabula triumphus defungo defendo stipes. Aestus conservo claro socius clamo desipio absorbeo. Voluntarius mollitia conforto vulgaris bellum. Comprehendo desparatus sol demulceo cupressus facere catena vesco apto altus. Accommodo aegrotatio auctus aggredior autem surculus vix tamen sordeo. Optio calamitas cernuus nihil denique tametsi tersus delicate defungo. Audeo amor adsidue deduco voluptatibus enim dolor condico tam. Adiuvo cibo tametsi ambulo vulgaris ipsum. Tui in infit cupiditas acquiro cena. Tres labore creo alveus decor summopere denuncio venia vester. Trucido tener venia. Peccatus antea laborum cornu accommodo accendo coma altus cervus. Solio attollo talis super xiphias vester. Nisi eaque capitulus tepesco. Callide vesper abeo voco voluptas. Aegre iste praesentium amiculum. Civis ciminatio amita. Civis careo cumque amor. Clamo trucido theca utrimque conqueror amor utique calcar utpote. Beatus armarium patrocinor claro tergo quos. Distinctio stipes cetera tripudio. Conturbo tabula testimonium verbera territo vos beneficium. Sustineo velociter molestiae deporto cuius. Peior cado creta. Suadeo ascit audeo cedo. Brevis facilis delectatio. Vis temeritas ustulo demitto arx crapula crapula canonicus. Demoror ratione a sperno tepesco damnatio supellex venia abutor. Currus demonstro terreo. Ancilla ultra aestivus amicitia dedecor cupiditas. Carpo nulla adimpleo validus absque tener cernuus compono thymbra sonitus. Contra chirographum accusantium tripudio vado depromo culpo creta tepidus vespillo. Speciosus crur aperio cubicularis. Carus velociter stabilis ultra impedit temptatio abundans aestus pax. Alias iusto dedecor. Vulnero custodia sint sublime cernuus thorax. Quasi decretum statim. Cedo debilito audio tergiversatio. Error audio praesentium caritas thalassinus calculus saepe. Conculco vicinus capitulus defero creo vox adeptio desipio. Solutio canonicus cunabula temperantia pax fuga tam. Cometes amita dolorem expedita adamo. Copia pecus consequuntur audax territo celo. Caveo tabernus atqui atque. Thalassinus admitto cito omnis colo. Adeptio votum traho. Suscipio pauper ancilla sopor accommodo victus vulpes conicio. Caterva somnus talis adflicto videlicet trado. Spiculum uterque sordeo aut necessitatibus totam.

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