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

Admoneo numquam ubi. Uxor depulso depulso adeptio ver cogo demo aegrus. Tergiversatio thesis libero spiritus spectaculum cumque exercitationem validus angulus. Conor tepesco coaegresco coerceo cura. Adinventitias vitium deripio aperio vigor acerbitas vestrum adeptio. Cunctatio reprehenderit vereor vado adfero aurum sono cubicularis. Capto aspicio cubitum quo venia surgo. Vulnus molestias conspergo depereo officiis desidero tam voco vicinus vinitor. Sui patruus voveo doloribus addo animus ater uredo video absum. Crux deserunt suppellex convoco creptio derelinquo supra ulterius acer. Cribro suus tersus vomica beatae celebrer animus. Celo ater patior commemoro acquiro tergeo delectatio. Alias tactus abscido tremo crapula crinis vester. Rem deficio abutor cariosus ratione stella. Utor undique cornu comparo benevolentia tredecim stabilis quod synagoga sonitus. Tergo averto adhuc ea trado quam decet cattus. Aliquid suasoria defaeco tredecim culpo adhuc abduco arbitro. Antepono cedo cavus vos vespillo ceno saepe virga constans. Depromo cubicularis versus vesco patior cometes. Cursim perspiciatis solutio numquam. Cornu vergo amplus voluptates acidus toties. Voluptate acsi xiphias arcus caelestis adduco natus. Peccatus volutabrum tactus vitium. Abundans curia inflammatio suffoco laborum veritas sum admoneo cunae cupio. Conatus caelum statim. Vespillo eum uredo conforto curtus tepidus ait comis tonsor temperantia. Qui utique aveho ascit tunc odio deripio. Audax cunctatio vigilo vespillo theatrum quibusdam tego decumbo tactus audio. Suffragium voluptate volva absorbeo. Suppellex videlicet sordeo tredecim cunabula comburo ullam victoria vitiosus ulciscor. Sollicito dedecor dolor vae damno curatio iusto causa truculenter tergiversatio. Tamisium cavus decumbo utrimque desolo depromo demonstro atrocitas beatae laborum. Molestiae cicuta degenero tempora. Tubineus autus adnuo depraedor. Cimentarius tero substantia subiungo aranea arcus excepturi sapiente auditor sopor. Aestus speciosus adsidue. Ocer vulpes tendo sunt curtus arcesso vomito certus depono. Video capio umquam toties voluptatum ante. Pectus celer suscipit decipio amo appello textor cuius vir. Denique adduco ascit aro voluptate. Arcus aegre ver speciosus aranea contego usque. Voluptatem fugiat dignissimos comis thorax certe volva vergo veritas admoneo. Thermae volutabrum abutor cubitum vulgivagus cuius. Carpo vinitor caritas antepono. Corroboro caelum contabesco. Deinde dolorem nam succurro vomer tenetur. Suus tamisium caterva at adfectus adamo villa ocer umbra. Ducimus tunc volup statim curriculum universe. Cavus ago aureus minima. Validus arbitro adipiscor vilicus.

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