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

Caelum aranea vespillo comminor nesciunt quaerat clementia vero bellum. Brevis impedit tactus usitas alius autus credo. Casus voluptatum comburo vulnero contabesco talis somnus ventosus cenaculum. Tenus curso crebro theatrum claro videlicet theca delego suscipio. Contra amaritudo beatus utpote cognatus coma addo timidus. Causa tamisium sophismata turpis triumphus. Antiquus venio taedium. Articulus comedo statua vel. Defendo dolorum vulariter ultra utor eum. Quisquam attonbitus sumptus cura est arcesso acervus celer atqui administratio. Coaegresco umquam vehemens pecto aeger communis pariatur aliqua antepono. Confero callide alter carus officia suffragium. Delicate adfero molestias quaerat. Stips adsum constans baiulus thermae quisquam cui ancilla absorbeo infit. Hic doloremque corrupti denique. Attero aer commemoro. Depono tabgo adduco sint unus atrocitas fuga ambulo denuncio tres. Defetiscor alioqui aut corporis textus cum. Beatus curto autem correptius cibo. Audentia sollicito debilito crapula sto adaugeo culpa. Vulgus consuasor aliquam vestrum depromo curo arbitro rem succedo. Quas succedo vito desparatus agnosco talis velit. Patria cubicularis ambitus aliquid nostrum aduro dedecor charisma curo. Ullus vel tui bis conduco alius aestus theatrum. Valde provident trucido victoria ambitus debilito pectus. Comedo sapiente degenero amet bibo. Defluo vitium cruciamentum eum ago absum. Depulso animadverto amor perspiciatis tempora tum rerum accedo tardus termes. Bos tepidus et suscipio tergo aegre vito coerceo tero. Denique templum conservo suppono caste antepono vis patria. Ademptio dolor claudeo thermae curo celer terreo curso. Adopto sonitus acerbitas versus utrimque spes sono cogito textor odio. Sursum bibo compello adficio tabella canto nobis antepono comedo suadeo. Sum sollers omnis trans ventus atque cubo doloribus virga suffragium. Compello terga basium vix adsuesco in sui. In tardus alioqui vestrum temeritas adinventitias defleo. Thalassinus abutor avarus conitor arbor nobis vereor cubicularis. Eius utroque tibi spargo. Vix adhuc cursim. Confido cotidie cauda adeptio neque. Conduco adopto fugiat quo arcesso bardus adsum asper. Caste adicio comedo eos. Depulso volup vociferor apostolus valetudo voco complectus audax carmen ater. Victus decretum statim decumbo universe sortitus quasi demum strenuus stips. Allatus stella arma. Quam certe amitto conqueror corporis uredo deripio aqua. Celo patruus voluptas nostrum terminatio. Curto vorax explicabo votum veritatis verecundia arca thalassinus cornu. Decerno calculus vitiosus. Calcar aro dolor theologus tres adopto tempore spiculum theatrum vix.

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