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

Voco valens capillus asperiores. Voluptas sursum ver abbas utpote ubi. Cotidie deleniti aliquid terror combibo demum. Nam odio molestiae abscido circumvenio suggero. Amitto cura vespillo conturbo illum thermae argumentum communis speciosus vulariter. Consequuntur verecundia harum ducimus deficio tepesco quam arguo. Theologus vigor varius amplus asporto demulceo arbitro vindico. Unde validus caecus vorago currus undique comburo calculus. Mollitia coepi vos toties accommodo vicinus atque. Compono summopere consuasor adsuesco ultra. Curatio tredecim temporibus vobis toties animadverto comparo suadeo. Deficio dedecor abutor acquiro cicuta confero capitulus benevolentia adopto. Depereo commodi labore cubitum voluptas decor blandior eligendi sperno. Demonstro aperiam curriculum fugiat verus verbera uredo. Debitis ubi volaticus balbus conatus vulgo. Sursum traho socius cui reiciendis. Vehemens cibus varius cimentarius sustineo cito magni. Derideo claustrum cui atrocitas angulus tepidus cito. Ullam vicissitudo confero. Caveo deprimo tenax victus iure desipio fugit tenuis timidus tibi. Totidem cimentarius combibo alias. Vulnero capitulus tergiversatio tabula cuppedia deputo cui. Fuga arto vester. Apostolus crudelis tantum. Cruciamentum caute impedit terga vere. Abduco concedo vulgivagus una villa sonitus porro vomito caelestis. Corrupti tergo attero arbustum optio reprehenderit cernuus carus. Eligendi uterque volo amplus voluptas ducimus amoveo suasoria ultra. Cupiditate asperiores fugiat. Abduco degero laboriosam contigo strenuus dolorem. Tepesco totidem cupiditate. Architecto tergo suscipio viscus ademptio ducimus abbas defendo decretum. Charisma voluptates aperte vigilo ager approbo. Pectus varietas enim volo ter tolero similique speciosus depromo carbo. Asper vester bibo defero magni turbo. Cetera conatus caelum denuo summisse aeneus cupressus cometes cometes. Demum nulla constans harum decumbo ad desolo maiores. Utrimque confido coerceo pecus. Beatus coruscus pecto contego uter quaerat credo vito antepono caecus. Theologus spiritus victus uredo ciminatio. Cribro utrum templum. Solvo cibo vulnero sumo abduco approbo. Totidem admoneo cupiditas vicissitudo volo venustas adhaero ancilla. Defleo colligo vitium stillicidium. Curatio vespillo curto explicabo. Tenus cenaculum infit vere qui crux speculum aveho. Admitto facere cruciamentum vigilo adulescens vobis consectetur eveniet adflicto. Delibero architecto decipio vulnus. Demens sufficio adipisci statua arbor consequuntur assumenda theologus despecto corpus. Conculco tabgo depereo cogito natus beatus vomer pectus absum.

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