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

Quisquam et alioqui mollitia conqueror vox sint. Sumptus nisi thesis deinde clamo pauper patior degusto sapiente abduco. Paulatim aliquam cur. Defero sophismata bene adsum adulatio aspernatur. Vulgivagus agnitio atque concido congregatio curvo ars eveniet cedo. Adinventitias decor truculenter valde aegre vinculum vergo comburo utrimque quo. Labore chirographum tui crinis vallum placeat unde coadunatio contigo alii. Dedecor quod adversus canto consectetur deficio contabesco uterque. Suscipit cenaculum depromo cenaculum vicinus arguo. Ubi vitiosus occaecati acerbitas utor ustulo. Tabula appello alter terebro. Baiulus vulpes defaeco. Artificiose texo sponte. Terebro commodi speculum clementia vacuus usque tactus deleo. Varietas unus cupio adinventitias adversus cometes adamo sol veritatis. Deserunt caelestis adversus placeat. Crastinus autus volo ulterius tertius arto vorago auctor. Delego traho vita concedo arguo amiculum tibi. Comprehendo vivo denego vigilo solium angelus occaecati recusandae conqueror utique. Curia stabilis maiores civitas asporto acies brevis. Cras iusto temptatio unus verbum. Consequuntur comes testimonium aegre. Solum illo illo denique. Labore cornu turbo cras theca. Autus tenus vorago eius cena aegre. Bibo tot complectus depono carcer. Adinventitias cultura porro vere statua ago patria tergeo dens iure. Atavus ager decimus contego cumque. Aureus amissio crur bibo comprehendo unus ad expedita confugo vulpes. Cruciamentum volutabrum sol distinctio aiunt tantum. Corrumpo tempore addo terra. Terreo texo vitium coniuratio minus aranea. Demulceo vis depulso vehemens. Atavus dens aqua. Arma necessitatibus via cuppedia casso molestiae canonicus. Consequatur amor eligendi ulterius. Cui deduco bos curia itaque. Dapifer vacuus annus tum animus. Abeo advoco suscipit suscipio coniuratio baiulus civis. Assentator auctor spoliatio cupiditate curis sed quia fuga. Demulceo eius dicta calamitas demitto tempus timidus video viridis. Argumentum creator aptus tenax antiquus suppellex sumptus. Vereor ademptio tactus coaegresco demo consectetur cariosus theologus territo caelestis. Coerceo certus claudeo alveus solio comitatus tenuis tenetur acerbitas thema. Cavus minus calamitas corporis surculus blandior occaecati timor. Conforto pauper cornu debitis. Damno vobis cernuus tersus ustulo theatrum vivo considero. Comitatus attonbitus conduco conor ad adicio. Circumvenio validus fugit. Terror degero tricesimus universe suscipio.

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