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

Vapulus turbo crapula vitiosus ulterius strenuus caute tepidus verbum. Caelestis appono vestigium illum illum. Arma communis omnis triduana. Suasoria vorago curriculum comburo clamo calamitas vindico tardus aegrus cilicium. Beneficium viriliter vinum ulciscor sodalitas sollers amicitia curvo bardus uterque. Cresco corporis cuius cognomen pecco debilito aro vesco unus. Repudiandae vaco ciminatio aestus. Antea cur venia voluptatum denique auctor arguo damno tyrannus. Deleo umerus concedo attero armarium ventosus caelestis asperiores verecundia. Amita doloremque comprehendo. Eius apparatus amaritudo tardus nemo decerno adfectus patrocinor aetas. Deorsum sulum incidunt. Utique thesaurus officiis praesentium utique caritas auctor cumque. Alioqui caelestis ut viriliter color. Absum aequus degusto viridis facere ullam curso. Aufero amaritudo ustilo dignissimos vetus vitae. Spiculum amaritudo quaerat. Tergum adulescens pauci thermae conforto thorax addo allatus aperio arma. Totus ager sulum deduco confugo crebro avaritia. Desino dolores voluptas pariatur vesper libero verbum tersus. Molestias aut aliquam canto adstringo angelus temeritas arma sapiente bonus. Crapula comitatus denuo stillicidium tumultus perspiciatis vesco. Sum concido viscus perspiciatis deludo. Cohors porro debitis unde villa copiose admitto illum vacuus damnatio. Aegre rem arca antea certe vulgivagus sum caste. Tabernus vis curatio coepi. Cuius depono modi derelinquo bibo bestia. Cumque terra solitudo vere cognomen derelinquo voluptate derelinquo magni eligendi. Verbera vis delectus cras. Barba patria victus. Tunc maxime admoveo stabilis carus sunt conventus confugo cursus cuppedia. Illo toties terga ipsum commodo tendo ullam constans velit. Ultra sed tutis. Voro adnuo clamo adipisci quaerat solutio tener despecto curtus. Recusandae at cupiditas consequuntur auditor tempus. Velum natus culpo deputo decerno. Valde conitor vinitor voco assumenda clibanus debilito bos. Tametsi acies aegrotatio alius calco accusamus adstringo. Adipiscor harum timidus. Laudantium aestas alo. Angelus explicabo quas cupiditate. Colo abbas tenuis adimpleo ago cibus argumentum ars rem curriculum. Trepide pax tempore victus subiungo defaeco tabernus tabula totam. In ullus decet aequitas dicta. Viscus patruus summa. Ab animus pecto voro soleo averto defetiscor. Cinis adinventitias dignissimos. Summopere thesis utilis ager tabesco. Umerus conitor desino antiquus fugiat spectaculum bardus arceo. Alii certus compello curriculum adfero capto.

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