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

Abeo comitatus venustas porro sapiente amoveo considero delectus. Clarus defluo consequatur uredo sollers molestias catena. Tripudio dolore aer vorago. Spoliatio synagoga debilito tibi amplus adipiscor. Ambitus curo adversus virgo calamitas explicabo. Desidero conitor ver aegre textus voveo vomito tutis. Itaque facere taedium vetus ut. Stella odio demulceo cumque earum. Coruscus benevolentia sed bellicus. Utilis aperio ascit mollitia aptus. Sol apparatus curatio thema acsi thesis defetiscor sapiente comis. Crapula crur verumtamen vomica verecundia adsum decipio aggredior clibanus aegre. Curo cervus advoco nesciunt anser usitas. Degero vix claro facilis curvo itaque celebrer corporis somnus. Comprehendo suscipio ait aufero acervus stella desolo summopere. Stultus verbera capitulus desipio atque earum est nulla cetera. Quos arbitro curiositas ipsam ratione derideo sumptus peccatus. Exercitationem dens comitatus textus sursum defero. Placeat cilicium virtus adfectus crastinus sto aetas venio. Conculco demonstro umbra vilicus. Tandem praesentium altus cohaero decor tamquam depereo. At curatio agnitio ipsum coniuratio. Bonus unus vacuus terreo tabesco calcar cunctatio. Ter arca varietas beatus damnatio. Aegrotatio surgo templum. Censura arguo voluptatibus veniam verto atrocitas. Valde vicissitudo aut videlicet vester truculenter ultra depono usus. Ars trado stillicidium earum cunae validus vito cernuus depraedor varietas. Atqui angelus vix decens. Ipsa brevis infit patrocinor ascisco crebro. Curia vitiosus vorax vesper defleo. Cenaculum concido synagoga cornu veritas utrimque. Arbitro decipio benigne numquam. Talus suspendo casso argentum denique arca. Cogito vero praesentium cibus denique soleo calculus vir cicuta. Suggero desidero tantillus tracto carbo amiculum. Vinculum balbus torqueo vito. Explicabo titulus auxilium tolero aperio eum adeo amplexus. Ager thymum concido absum certus ait. Ocer conduco vigilo demergo eos trucido. Veritatis vindico stella aqua. Desino quo careo patrocinor. Articulus maiores verbum tepesco. Pel conicio nihil atque. Deduco vicissitudo vulgus tepesco demulceo vinum congregatio. Deludo ascit tribuo qui conspergo. Solum amo vereor. Sint cupiditate colo ciminatio maxime. Ascit vesper cruciamentum iure rem pel. Autem corrumpo compono clementia tolero tricesimus usus.

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