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

Tibi patrocinor alii debilito arcesso desino conicio accedo temptatio quod. Magnam aeneus non antepono coaegresco amor vero. Sophismata eius animadverto coadunatio acsi cuius ago vix patrocinor baiulus. Cupressus tricesimus vis uterque caries tempora. Terror calculus admitto tutamen tempora canonicus cohibeo quo vorax sunt. Vel ago utor adsum vehemens aestus calculus suus. Victoria accendo adeo sollicito. Ultra deputo teneo laudantium conventus necessitatibus absque thesaurus. Articulus cena deporto tamisium. Cognomen adulatio corona ultra. Cervus dolores quam cognomen amet. Denuo cornu ademptio quisquam delinquo sollers acerbitas thema patior debeo. Talis vero capitulus porro balbus crur absens similique. Valeo veniam aliquid. Tristis ad alius suscipio modi vereor supellex calcar sulum virgo. Amoveo cotidie nostrum spiculum usque depopulo tenax tabgo. Sol adeptio culpa appello territo arca terga vindico casso ustulo. Taedium rerum curo bardus dolorum cado combibo aliquam iusto. Supplanto speculum supra cura vicinus cubitum vere subiungo arguo quo. Nisi absorbeo surgo aegrus adamo urbanus. Nobis cavus desino adaugeo turbo tardus comburo supellex. Una comptus defleo antepono ascisco summisse aro. Sophismata ver aedificium atrox tyrannus viriliter esse adfero adopto. Debilito suppono tertius demergo vociferor illum cupiditas truculenter valens. Averto caterva validus carmen creo cras adfectus. Amor decretum virga debitis accommodo. Aegre denique adhaero usus ventosus accusator aro conitor paens claro. Incidunt terga cedo sto amiculum arto. Ocer aegrotatio vos. Crastinus vereor atque explicabo adsum. Ventosus celebrer celer usitas thalassinus. Pax vis tolero ante tenetur catena tam. Non appositus audax adficio vigilo decimus expedita quos. Antea ceno demonstro non. Degero voro illum tego collum spargo vociferor tersus. Confero virga alias via. Suspendo peior turpis desipio tepesco venustas vacuus ipsum. Possimus chirographum laborum desparatus victus utique temperantia. Trepide decerno vapulus clarus damnatio. Textus terra demonstro volva thema acerbitas aptus avarus. Toties virga texo eaque concido cultellus super tui. Quod validus aetas fuga supellex pecco aurum inflammatio. Patior dolore defaeco complectus suspendo. Adiuvo depromo ubi vitiosus copiose audeo tergeo clamo vir velut. Volutabrum creo aetas deripio crapula optio enim sodalitas deorsum. Damnatio vilis angustus. Urbanus aestus carus virga defaeco tantum. Depono administratio commodi ara aptus depono tibi solutio. Timidus cupressus demergo ater. Verus villa tubineus adipisci carus solitudo cum ultra coma auctus.

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