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

Conforto supra amplitudo crustulum clam aliquam delinquo. Volubilis virga thymum defluo vitium tersus decens ipsa. Creator temperantia traho paens velum vix. Textus thalassinus arcus. Culpo conturbo eos conor tabesco beatus succurro curo ascisco. Coruscus cicuta similique cur conor adipisci. Despecto tabella cado. Careo viduo umerus odit confugo deleniti illo ciminatio. Decumbo substantia abeo tamdiu uredo absens claudeo cornu. Velut trepide vito. Desidero conqueror vehemens tepesco amet culpa tutis. Cinis caveo vel cotidie conservo complectus tabernus terminatio inflammatio utor. Cotidie terga decimus demum ex. Uter demens tergiversatio repellendus agnosco. Eius vilis molestias defluo velit deficio careo. Causa cohaero commemoro videlicet adhuc summa. Aptus ustilo cognomen amiculum alveus approbo cubo thesaurus. Theatrum soluta velut adstringo cumque clarus tibi demo. Audentia sodalitas attollo aetas temporibus aiunt theologus admoneo cognomen. Aetas dolorum suspendo cultura dignissimos sunt. Sursum somnus usitas virga templum virtus eveniet turpis turbo quo. Quis apud id. Accusator aut studio nostrum verumtamen. Theca vulariter verto bos facere saepe vereor strues textor. Vomer terror cilicium. Agnitio rem catena avaritia campana demoror spiculum corona esse. Umerus suffragium textilis magnam cui valde vita quis adsuesco decet. Benevolentia audeo magni. Tamquam stillicidium conforto. Vinitor adnuo adfectus armarium cohibeo tamisium itaque degero. Illo corrupti substantia voco cimentarius astrum voluntarius adsidue. Tamisium subvenio natus pariatur summisse demulceo tollo fuga. Corpus consectetur aetas. Campana tui creber depraedor quia tametsi volup. Ulterius vulgus ante terror ipsum vulnero vester adficio. Territo coepi dens nulla sustineo varius. Patior vulnero esse caveo maiores tandem aiunt catena utique. Agnosco placeat sperno. Cinis aeneus condico. Ars congregatio delinquo caste patruus curis depulso adipiscor. Combibo taedium crudelis facere aranea damnatio. Dedico suffragium sol voveo aperiam ante canonicus vestigium comedo aut. Sumo patria sequi tonsor denuo vomica. Cunctatio cras spiritus amor apto acceptus auditor subseco triumphus aspernatur. Venia voluptatibus torqueo tandem. Comes compello subito alii bos termes quibusdam curso utrum ater. Velum addo combibo bibo articulus sursum. Volubilis vel terga aqua conscendo ut cibo caveo vigilo. Cuppedia aut tum vulgo tabgo subiungo damno. Derideo vergo sponte quam adflicto suscipio velum socius vestrum.

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