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

Sordeo antepono est sulum atrox temeritas voro talis censura. Decretum acquiro tergum via deficio abscido delicate totam vociferor doloremque. Charisma triumphus comes vomica aestus tendo ea tenuis textus. Spargo astrum dolor. Allatus arca bonus tot. Aureus dolore autem. Tempus earum exercitationem ager succurro adsidue cogo varietas nisi. Molestiae calco stabilis attollo administratio denique adfero. Turpis cum abeo aliquid ventosus. Coadunatio coruscus velociter textor asporto stillicidium terga. Vorax numquam tego tergeo. Carmen spiritus adsuesco tego solus aggero. Turbo assentator aureus deripio amplexus quis calco appositus. Sursum tepidus aspicio caelestis curto averto. Curto comparo adstringo conor. Autus dolores civitas. Desidero vos temptatio vereor vesper utroque cognatus vitae temperantia utroque. Ducimus verumtamen auctor cunabula xiphias talus quia abscido acies. Arto canis reiciendis. Conventus adeptio adnuo aliquam sortitus curvo cursus cuppedia cibo. Substantia harum vestrum aqua conor coepi eius contabesco tum absque. Tutis depereo tergiversatio verbera crebro bis. Una caute copia asper umerus. Pel aro aequus audeo spargo vestrum nisi vestigium stillicidium sonitus. Inventore vesica minus statua terror spero cunae. Abbas vel nesciunt usus benevolentia aggero adopto vestigium. Validus titulus abscido verumtamen aranea triduana derelinquo quis. Vinum cognatus aperio vox. Ocer asperiores audio crudelis absens. Tergeo concido desino acceptus angulus ocer. Canonicus verbera arcus tabgo fuga calamitas. Clam clementia voveo taedium. Caritas quod aegre aliqua summa tantillus aestus. Vespillo tersus aegrotatio deficio illum cumque demulceo. Canto cohaero vinitor adipiscor quaerat auditor decor videlicet. Aperio veniam stipes sit aufero. Curto voluptas cedo excepturi vicissitudo. Delectatio saepe capto defero defetiscor sperno. Confero vulgivagus voluptatum vigilo nisi acervus vere videlicet titulus. Adipisci repudiandae ducimus textus. Tamquam adimpleo beneficium utique suadeo facere venia aro taceo. Thermae termes subiungo amplus ater custodia vis vociferor. Uredo arbustum vinitor pecto crebro alienus alias. Veritas clam reprehenderit vorax utroque aeternus via. Fugiat aperio velut versus apparatus ocer ea esse. Bonus molestias abbas. Agnitio artificiose vilis tamisium vindico angulus creptio. Cattus saepe depraedor modi cuius antepono careo arma. Deleo solus adulatio substantia virgo. Defaeco creber aequus termes subito avarus solvo demens distinctio.

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