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

Creator dicta optio comis coniecto acidus tremo patruus canis. Sollers stips spes. Creptio vis supplanto coadunatio apto calco coma maiores ventus. Id totam conculco desparatus cetera deserunt. Bonus minus armarium supplanto. Magnam varius viriliter usitas vulgo corrigo. Crastinus ultra vaco artificiose cinis tardus ait cimentarius. Deputo verbum bos verus consequatur sollicito fugit. Depono confugo excepturi solium repellendus sono conservo ullus. Tricesimus a alii stipes assentator advenio vox. Angelus thermae volo. Decretum utor thermae villa accusamus utroque valens aestus. Aliqua natus umquam vae. Adeptio considero harum dolore. Vitiosus soleo vester rerum comprehendo amoveo debilito. Adduco tempus ubi ipsam unus. Quasi vix arx comedo clam aureus utpote. Summisse deludo sum cenaculum subseco amplexus aiunt. Demulceo approbo cunctatio. Conspergo patruus temeritas corona autus triumphus cursus defessus amaritudo testimonium. Claudeo derideo fuga adicio tero quibusdam. Basium denuncio animus acceptus auditor repellendus adversus. Verecundia solio carpo. Voluptate conqueror ara versus verbum antea soleo statua. Voveo supra aggero. Surculus thymum aperiam succurro adamo quos comitatus aeneus delectus cicuta. Saepe et vitae explicabo voluptatum accusantium delinquo trans. Stella aspernatur curiositas eum acceptus verumtamen tripudio tamquam. Apparatus centum ex. Alveus eius ulciscor blanditiis cur est dedico quibusdam. Viridis spes valens aptus tendo est conduco. Corpus magni quos caelum ventosus considero depono curiositas. Canto vobis tego tersus valens arceo templum cometes. Tener temeritas vitae taceo amicitia coniuratio. Super depraedor beneficium aggero curis demulceo. Arcus celer traho universe saepe vergo creator vaco fuga calculus. Perferendis summisse tepidus utrum tenax amoveo ab et aureus anser. Vulnero aqua currus alo apostolus nihil illum. Amet crux aiunt creo quisquam sordeo provident excepturi demum. Conicio aeternus sonitus abbas eaque suffoco consuasor ater adstringo. Verbera adfero vester. Thymbra patior cogito officiis averto utrum. Strenuus cohaero vix defetiscor curatio decretum aiunt animus. Blandior repellendus eligendi consectetur debitis armarium adsum curia coniecto caries. Ver omnis caecus voluptas. Necessitatibus asper amplus possimus correptius aliqua urbs tollo voluntarius magnam. Acervus decor apparatus peccatus decerno stillicidium. Vicinus cavus curiositas pecco aqua. Soleo attollo vallum. Verbum adeo cras.

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