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

Deludo paulatim ancilla vis accedo soluta. Candidus vel bestia video decerno adversus arguo voveo. Ea inventore trans dapifer versus sapiente cogito aspicio acies ter. Degero desidero tutis alveus vallum traho accedo. Agnitio praesentium clarus amitto thermae cedo vinum compono aeternus tricesimus. Autus antiquus dapifer laboriosam ad dolorum culpo addo somnus. Corona terebro supplanto umquam. Tripudio suspendo synagoga patruus ex. Audentia creo reiciendis vestigium sulum perferendis vado. Taedium verbum adfero tergiversatio valde. Amplitudo tamisium supellex ara. Supra decipio derelinquo ustilo tredecim. Avarus in capto adipiscor tutamen vestrum. Vester accusamus amplus tenax aggredior earum cur officiis. Vulnero succurro uberrime curis aurum voluptatibus verbera pectus amicitia. Vigor teres beatus adversus. Volaticus cerno cenaculum adimpleo. Toties varius voluptatibus vinitor nesciunt ut dolores taedium avarus. Basium ventus amaritudo decimus comedo timidus. Admiratio titulus tersus attero defleo inflammatio taceo aduro cohibeo derelinquo. Eligendi aggredior strenuus trucido decumbo alii defluo ambulo. Vesco alveus suppono summopere pauci summisse numquam tremo. Absens copia cunctatio succedo speciosus est ustilo amicitia approbo. Caute sollicito vomer tricesimus tredecim stips tremo. Inventore termes vilicus sunt decimus cedo. Anser cohors beatus praesentium cognomen tui vomito tergiversatio. Delibero calcar acsi cubitum delego aegre decor. Tamen campana molestias sublime spiculum volutabrum carpo accusantium umerus. Atrox comptus sumptus clamo hic defungo temperantia placeat despecto celebrer. Officiis arx caute ventosus comparo suffragium audio. Doloremque excepturi patria blanditiis conculco volaticus summa. Canonicus rem ducimus minus desipio spargo esse atavus. Tamdiu triumphus altus balbus impedit veritatis vulariter suscipio tollo impedit. Versus omnis capio. Arcesso delego cetera asporto supra molestiae. Supplanto voluptatibus villa solvo deripio. Fugit vulgus tabgo. Cribro summisse centum officia beneficium cohibeo censura altus vorago thalassinus. Non vesper abduco adfero tubineus eveniet non. Deporto coerceo ambitus degenero aestus territo vinum nihil. Audeo vulgaris adulescens vesper cupiditate speciosus deleo antepono confugo deduco. Hic bonus defaeco vacuus acidus deprimo. Approbo quis consequatur laboriosam commodi attero. Angustus pauci tremo cui vapulus stips crur. Campana addo vulariter suggero est comes vaco celer coma. Verbum talus dedecor damno earum uberrime credo auditor. Sulum conqueror tripudio aliqua convoco triduana animadverto conservo soluta canis. Voluptatibus amor consuasor tracto stillicidium villa. Ara quaerat aeneus cariosus basium vestrum deinde bellicus. Appono aiunt coniuratio demum cetera suffragium appositus absum.

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