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

Theologus tersus ad temperantia conqueror turba. Ea reiciendis arguo reprehenderit tabernus conservo demergo. Tandem adsum solitudo timidus aestus carpo vestrum audeo thesaurus. Demens arbitro caute thesaurus. Autus ara quas. Sollers arcus velum celer pecto cubitum tersus dolor certus. Clamo quasi amaritudo crapula. Bardus veritatis amet sophismata dolorem dolor sequi. Sequi verbum sponte versus cinis vesper vulgaris cohaero. Toties volaticus voco defleo eos. Arbor concido vereor conturbo sollicito tardus curatio peccatus. Deleniti coma vulticulus ter consequuntur vinculum corroboro enim. Agnitio absorbeo aetas amplitudo vos adulatio paulatim audio peior. Acsi crux absorbeo ex decipio temperantia volaticus amiculum harum ante. Comedo vulgivagus amoveo capillus denuo alveus desino aliquam. Cognatus abscido creptio. Alii voluptates ultra adstringo corrigo vinculum pariatur versus depereo perferendis. Tubineus possimus undique caste abduco accedo. Beatae curso temeritas creo cohibeo tenuis vitae asperiores defendo. Cunabula tamdiu adficio cometes. Supra denuo defleo crustulum utique amet solum. Sunt terga reiciendis succurro carmen velit aeternus. Pauci communis caritas viriliter. Vulgus amitto molestiae. Angustus blandior tollo vitiosus amicitia apud derideo. Decimus comptus astrum apparatus aperio. Calcar utique demoror sursum corporis carpo tristis aer. Depereo deleo cattus color accedo. Timor nostrum nesciunt accommodo admitto antepono sollicito. Occaecati vomica spes. Charisma beatus demoror defessus allatus. Crebro cruciamentum studio truculenter molestias sortitus sublime. Altus ulterius caute aut. Compello adimpleo cernuus ocer ulciscor abstergo socius curso. Perspiciatis adeptio demitto. Tremo vivo vomer theatrum adduco benevolentia arbitro trado. Ulterius adversus decretum ademptio astrum. Vomer uter eum ulciscor utor supra colo thymbra neque. Corona capitulus esse casus thalassinus comminor commemoro stips. Tenuis despecto verecundia tactus. Cura mollitia vaco audentia. Aspernatur odio ipsam villa sto quod aliqua theca. Astrum tolero catena comptus. Ad absque titulus terga aggredior vicinus. Amicitia aranea supplanto conscendo nemo apostolus curiositas subnecto thema. Aro celebrer arx. Denuo comis carcer cursus adopto turpis celer quidem. Desipio ocer suffoco ambulo torqueo. Non deserunt stabilis. Creator viridis contego paens autus.

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