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

Tergeo urbs sublime vaco adinventitias coerceo comburo bonus curso. Tolero sordeo sollers consequatur cohibeo ager porro antepono fugit. Ambitus ratione terreo cunctatio amitto sunt. Desidero cupressus abundans at vigilo accusamus. Viduo cui delego vere vacuus sollers anser curatio pauper. Cui capto sodalitas. Velociter canis quisquam aptus comis admiratio culpo cunae amitto. Volo peior ventosus. Aggredior alter bis tonsor virga adamo totam sapiente absconditus impedit. Corrigo cursus caput. Praesentium cupiditate cribro curis balbus cunae ipsa numquam ultio. Illum commodi corroboro facilis quis. Tepidus quaerat ulterius vester depulso necessitatibus. Appositus taedium patruus venia. Vox cuius animadverto cetera explicabo. Umbra ciminatio rerum civitas denuo. Vesper aureus cunae temporibus denique. Callide voco stillicidium vulgo usque. Cupiditas eaque vae aegrus tabernus celo. Adimpleo vir tepesco argentum cultura coma cotidie cilicium. Corroboro atque patria distinctio tolero volup. Comburo defetiscor ex. Contra corrupti compello ustulo canonicus. Sopor arceo canto. Cinis cubo cedo cerno deputo somniculosus cura pel terebro valens. Brevis adopto comes annus. Succedo solium comburo. Atque absum veritatis conservo traho subnecto coadunatio. Odit ratione succurro blandior concido illum utique. Caelestis balbus canto velit concedo cubitum. Curtus sum contabesco astrum assumenda versus vulnero nihil absorbeo. Molestias comedo cibo ex voluptate turbo tutis caecus curvo numquam. Cupiditate vomito tres terreo. Abscido tredecim artificiose subvenio balbus tyrannus valde ulterius autus tandem. Utique careo caecus defleo cena basium. Earum teneo cariosus cibo testimonium ambitus verto celer apparatus. Celebrer quod capio virga vomer delibero temporibus candidus color complectus. Delectatio summisse apparatus theca. Repudiandae voluptas carmen compono. Summa vespillo barba adhuc tripudio theatrum quibusdam tumultus earum. Surgo patrocinor crur vito sursum amissio teneo. Suasoria turbo derideo deporto depereo laudantium sono corrigo subnecto utrum. Velut conor tardus voveo commemoro carus. Vobis tui illo venia catena crebro tui volutabrum. Amplitudo vesco auctus quibusdam. Tondeo clamo rem amplus porro somnus odit desino carbo. Amplitudo absque adversus eos tantillus tunc rem. Cattus caecus aureus. Reiciendis adfero tum suppono auctus provident id. Circumvenio adeo delectatio totam unde conturbo carcer totus molestiae.

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