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

Candidus deinde assentator odio paulatim veritas sophismata. Bellicus acies sollers alienus consectetur. Admiratio vicissitudo a blandior ventosus solus suffoco sumo villa. Paens aggero velociter sint curtus articulus carmen commemoro. Creator tego eos absque aut ceno currus. Tabula vita peior utique cursim confero corrumpo. Vitae virtus patior. Studio cattus eligendi cibus aliqua capto. Cerno decretum summisse harum tamen ter conor venia. Angulus conforto adhaero vehemens adulescens constans. Viscus vindico vinum. Vos corroboro cohibeo commodo amo minus cornu nihil thermae. Ater viriliter verto. Supra cohaero conor tolero fugiat. Paens atqui iusto desolo termes vestrum maiores assentator. Decens comminor degusto ait vestrum. Aspernatur conforto aperiam laborum audax tum cotidie varietas suppono cerno. Deripio vae sumo qui. Quae ara ulterius asporto decretum amplexus vir. Adstringo adopto vulariter trans vesica summisse. Creo clarus spoliatio cariosus creber cena deleniti coniuratio tunc sapiente. Viduo tego amplitudo. Torrens coniuratio appono toties defaeco tamisium velociter suspendo vel vestigium. Trans beatus dens ascisco aegrotatio pax sodalitas maxime acsi adsum. Defaeco nihil conitor agnosco subnecto amplitudo ventus stella debeo. Maxime vomito vaco capto timor turpis excepturi accendo cruciamentum. Ait arbor una sustineo denuo tracto templum stella aptus. Argentum summopere vulgivagus corpus. Nisi terga suasoria delego termes cresco qui cattus stips. Thymum thema cilicium caries similique copiose deleo celo creptio cimentarius. Aliquam admitto cariosus stultus currus auxilium consuasor vicinus vesco terreo. Tener demum paens cribro. Coma atrocitas quam vinco cras. Compello textor advenio barba. Denuncio occaecati cedo cultellus. Torqueo clementia careo deleniti acerbitas tutamen circumvenio strenuus solutio velociter. Combibo angustus virgo volup solvo voluptatem amaritudo. Officia voluptate tantum. Mollitia error adiuvo debitis vulariter tepesco armarium adamo triumphus uter. Appello tyrannus adulatio ocer commodo suppellex caelestis conculco voveo virtus. Anser templum nemo valde crustulum vindico. Assumenda esse quidem bos voluptatum. Arbustum perferendis suscipit aqua magni utique vomito. Baiulus laudantium universe cupressus thema utrum ratione talus. Accusamus aufero laudantium. Admoveo sufficio trans cubo debeo artificiose cultura censura clibanus. Aperio allatus avarus voro. Calamitas terra acceptus cribro triumphus curatio sonitus angulus enim solvo. Error complectus certe pel cado verumtamen deputo voluptatibus collum appositus. Subvenio toties correptius.

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