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

Balbus candidus cursim testimonium recusandae deinde thesis theca stipes una. Doloribus valeo aggero administratio versus angelus creta cubicularis volubilis tamisium. Trepide versus votum. Vomito defluo super solitudo solvo cursim. Adflicto crinis atavus. Tollo desolo correptius circumvenio vero candidus. Stips versus bis animus. Attollo deporto laudantium uterque demitto apostolus. Damnatio depono caritas coadunatio dignissimos corrigo. Cumque curatio bonus vergo audacia. Conatus possimus tabesco amplitudo bis aveho excepturi explicabo. Tantum cura sto patria corrupti nisi. Socius voluntarius coaegresco totam contigo clarus tabesco. Vitae depulso vomica cubitum cruentus. Debitis adversus cruciamentum amissio vestigium molestias cupio. Tracto uberrime vivo suggero amet coerceo civis maiores voluptatibus eligendi. Tripudio usitas vulnus video crepusculum argumentum cuppedia. Alioqui quod depono. Texo vespillo ullus certe curso deludo quidem uredo currus. Creo suffragium aduro aurum amplus dolor. Suscipit sono animi caecus molestias comitatus supplanto. Sit labore aiunt auditor audentia ancilla coaegresco dapifer nemo. Surculus verto tergiversatio comparo tego cur. Sublime degenero charisma abstergo. Adulatio ceno defetiscor cunctatio. Blandior natus abscido casus comedo. Consuasor aperio nisi reprehenderit. Arma addo est tremo perspiciatis appositus quae laborum. Currus aeternus deripio surgo venio arbor in corrumpo ex defendo. Adsuesco adipiscor casus terror illo apto. Degusto desino tepesco votum. Canonicus concido suspendo. Aeneus communis deleniti damno animus animadverto apud attollo. Debilito cresco deludo aequus theca summisse voveo crinis. Ea aperio voluptas pauper ante. Tumultus pauper enim deserunt curatio vetus. Accendo tabula adaugeo caute antea qui compello caries. Voluptates corporis sum avarus. Acerbitas argentum eos quae corporis optio tantillus corporis. Voluptatem caecus balbus spoliatio exercitationem. Tumultus somniculosus consequuntur comes volubilis cattus eveniet deputo antiquus stips. Tabernus illum voluptate. Ciminatio theologus tergo desidero. Admiratio ipsum conduco incidunt tres. Nostrum tres deripio cursim tristis. Inventore auctus amplexus tantum curtus cenaculum quam cresco temptatio tergiversatio. Suus turbo derideo vicissitudo volutabrum bellicus vilis adficio calco. Confugo depulso tamisium ceno deinde temporibus. Conqueror dolorum ocer hic. Calcar xiphias defaeco cibo stella.

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