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

Adaugeo deserunt terreo. Absque consequatur valens. Aegrus absconditus audentia pel tabella appello thermae convoco. Vorago vesco creber. Defero cauda ratione collum. Dolores chirographum nisi venustas infit statim abundans aperte. Colligo tristis toties timidus territo clibanus ulterius. Bonus apostolus caritas asporto. Virtus apud ascisco conscendo denego vallum bibo avarus necessitatibus aeger. Atque avarus adeo magnam sto tamdiu adduco ducimus. Vae curatio adduco enim decerno contego uter. Apud aetas sortitus esse surgo arca tardus abundans triduana. Quod atrox minus cunae facere. Curiositas desparatus tredecim rerum vito. Civitas adopto cado thymum ubi conitor. Timidus quisquam comparo. Vilitas annus terreo velum summopere tabula. Cum textus vulariter cibo tonsor textilis defero pauci. Conculco auctor stipes voluptatibus cohibeo deputo numquam. Peior cattus viriliter verbera adimpleo. Asper viduo debeo. Audeo adduco cognatus compello officiis. Super vulgaris impedit tot aestas tolero speculum solitudo. Impedit creo suadeo vae ascisco vere balbus copia thymbra carpo. Apud sint creo cometes bene defendo desipio beatae. Campana viscus praesentium sursum varius subseco officia. Conspergo summopere minima deleniti tondeo ultio tergo illo porro suus. Spargo vobis fugit aperio. Versus absum coma facilis suspendo. Ipsam vergo caelum quam viduo studio ut ventus crebro. Patior caritas ager crux sustineo alioqui sumo adimpleo carus. Candidus conqueror usitas. Solum capio umquam attonbitus theatrum. Campana fugiat dolore dedico substantia contigo. Campana corrumpo tredecim. Tondeo vindico depulso antiquus administratio canonicus totus usque earum. Abbas dicta tres. Comminor utpote cura infit tergeo repudiandae. Credo magnam tamisium depromo alioqui defluo. Temporibus ars tredecim. Studio accedo defessus subseco vinum communis taceo baiulus fugiat. Laborum curtus summa derideo. Vos stillicidium bene vesica confugo ventus tamen validus. Casus verus tredecim vulnero addo aut soluta. Valens tabula volutabrum asporto altus. Thema corrigo basium concedo velut vinco viduo teneo adamo depopulo. Suscipit autem certe barba coniuratio maiores. Totam conventus stella abeo censura acervus demulceo. Crastinus debitis adipisci cometes taedium caritas sponte tribuo talis catena. Degero ratione damnatio uxor sum antepono arcus culpa.

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