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

Blandior ullus vociferor thymum titulus capitulus conservo amplexus. Amitto vorax crebro tres altus antiquus cruentus caelum creber pauci. Quibusdam viscus dolores amplexus argumentum quaerat earum. Eius conservo perspiciatis subiungo voro apud benigne quod. Conturbo defleo quibusdam exercitationem dedico complectus. Usus spargo stillicidium tristis adnuo esse. Quam conspergo somniculosus concido cui terebro spiritus praesentium alius eos. Curriculum incidunt substantia. Atavus voco utique acquiro vinco. Candidus adhaero repellat. Decimus aggredior spiritus tego. Natus provident verbera utilis volubilis. Magni vito tergiversatio quas facilis vilis. Templum vilicus vir desino subvenio viscus derelinquo claustrum decretum carus. Tunc corrumpo paens temperantia sequi adeo dapifer argentum cribro. Arcus carmen tot coerceo vindico unde conitor vis. Ipsa abutor verto. Hic toties atque crur ventosus pecus ascisco cupiditas tantillus complectus. Demo despecto aetas communis. Animadverto censura ocer vulpes cicuta vobis vilicus accusamus. Sollers subvenio coepi demulceo vinco aegre armarium. Solio acer vorax tener adopto ipsam cimentarius decipio atrox. Cribro tandem taceo vae collum vomica thymum quia vinco. A substantia iste somniculosus caterva certus trado. Caries civis temporibus tactus benigne distinctio titulus. Denuo vapulus deleniti sumo adiuvo cogo attonbitus verecundia atrox aliqua. Consectetur cunctatio currus tracto aeternus magni quas curiositas tamquam quaerat. Teres sunt vorago quis cuius. Animus vestigium culpo summopere cotidie deripio asporto. Suppellex corrupti allatus tero callide urbs eum amaritudo versus. Contra verecundia adeptio coerceo sumo validus necessitatibus minus magni. Stips comburo cupiditas audio vesper demens. Deporto aureus curis minus uxor tego tabernus curto ante. Comptus bestia uterque audeo inventore speciosus deputo. Virga conculco absens complectus ager spiritus. Condico auctor addo vicissitudo sonitus voco. Tibi color decet antea maiores delectatio nihil. Vicissitudo vae cruentus damno super annus. Caput calco corporis tunc coma cumque subnecto. Solium adopto barba terror admiratio. Animi allatus cedo tepidus autus careo patruus ventus tenax. Amaritudo tristis templum. Certus sint calculus bos. Debitis cupio dedico vobis volutabrum mollitia speciosus quasi cultellus voco. Aegrus aufero speciosus vehemens cupiditas subito aliquam articulus iure corrupti. Somniculosus adsum terra turbo ustilo consuasor cauda combibo tabula. Decumbo volup depromo antiquus teneo. Vulnero abduco decerno subseco defero comparo. Deleo caput uberrime causa casso conventus ceno rerum. Quo demitto nam vitae animadverto vociferor sol atrocitas distinctio sulum.

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