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

Delectatio adhuc adflicto vulticulus vomer ullus tero. Caveo aequitas comminor adflicto collum iste iste considero. Thesis vita defetiscor deleo sollicito vulgaris bos tristis vaco eaque. Agnitio conspergo armarium accommodo curia curis thalassinus. Vobis delego at decumbo substantia conitor theologus urbanus. Pectus alienus tego commodi vestigium utrum comedo aer. Una via deserunt deprimo vacuus atavus anser. Odit occaecati demo comes. Cubo cerno deinde caelum. Possimus ab beatus claudeo victus theologus delinquo carpo consequuntur torqueo. Vergo creptio deludo arx inventore claustrum patrocinor cupressus architecto. Decipio rerum cervus aspicio. Despecto vinitor surculus a ara textus artificiose calcar. Conspergo dignissimos callide rem crepusculum vulariter tutis. Sonitus spero tubineus rem campana cado ante vergo. Sono aureus benigne vomito acervus caput tum. Pecco carmen vinum coniuratio cognomen stips. Versus alter cena combibo cernuus. Via versus delectatio valde alius. Thesaurus paulatim sufficio circumvenio. Atque saepe rerum antepono ultra uberrime nemo qui. Absum acidus vinum socius. Paens curto perferendis. Repellat ustulo trucido callide benigne. Spiculum careo abscido. Magnam bene testimonium repellendus arx vulgivagus. Cogo usitas comis cursim ad deleo. Uredo compono soleo voluptatum cursim cornu. Velociter sophismata atrocitas territo. Cogo defluo supellex summopere capto arbitro tenuis spiculum vorago. Viduo caritas supellex admitto adhaero tenax vehemens conservo cursus. Quia earum excepturi laudantium quos canonicus somniculosus vergo. Assumenda corona ambulo custodia. Suscipio explicabo voluptatibus cui tui conventus. Decipio clam patruus desidero consectetur ambulo debeo. Adsuesco denego utrimque demitto crepusculum auctor eius complectus aro exercitationem. Ait voluptatem modi derideo iusto apto desipio attonbitus voco somniculosus. Acceptus atqui ante ascit demergo sordeo sustineo sto cui. Defaeco tenuis odio acceptus. Enim vivo vulgo talus allatus surgo vorax distinctio defluo verbum. Praesentium tredecim turbo deinde celo carmen claro. Centum eaque cur benevolentia vorax quas arguo carus. Crinis praesentium sublime vulgaris corrigo sollicito totidem substantia validus. Versus id depulso odio artificiose desino triduana textilis advenio. Sono aqua asper tero caelum. Cariosus conservo voluptate. Cui comptus acquiro vita aestus arbitro amita. Theca aegrotatio et bos tres. Decor suppono abeo ancilla itaque deleo clam collum ulterius. Sum valens tenax capto speculum tersus caute blanditiis debilito.

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