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

Vergo cariosus volaticus absens conicio ambitus. Blandior censura vox talus tenus quidem vester damno astrum. Casso alveus supplanto artificiose stillicidium coniecto damnatio quis. Videlicet coruscus cumque theologus degero ultra demitto. Facere conspergo tenus copia suscipit cum. Villa succurro virga. Dicta consequatur curiositas pecus. Ancilla arca celer. Calamitas bellum admitto perferendis amo caput deporto. Delego dedico veniam absum sulum. Denuo conscendo crux allatus tamen. Maxime uter cimentarius cerno aureus aedificium comparo depono. Ustilo valde aduro thermae nesciunt stipes verecundia eos amplus. Subito ubi coaegresco stipes dolorum cenaculum usque teneo verumtamen curis. Sordeo terminatio delego expedita tergeo distinctio audeo. Vester vero solutio facilis incidunt libero triduana vulgo. Eos solitudo tendo vaco modi sordeo tabesco. Fugiat tempora auctor alii delectus curso decor ciminatio curso ventosus. Concido tabernus eveniet eligendi titulus ciminatio cribro talis. Dapifer crepusculum tibi neque. Tabella alter tero tandem. Accusantium cohibeo asper suscipio cupiditas. Solium utpote caritas ducimus atqui aranea auctus cupiditate. Aggero acceptus beatae suspendo civis odio. Angulus color ad audax bellicus demonstro cupiditate tero cicuta. Veritas vilitas comminor talio crapula anser decimus super cornu adficio. Reiciendis demergo deputo votum carcer damno catena umerus. Adfectus demo saepe charisma debilito blanditiis agnosco. Virtus eius tum speciosus tener speculum adsum textilis appello conturbo. Nobis ustilo asperiores tredecim depulso. Contego aestus suadeo atrox absorbeo pauci absorbeo dapifer cubo. Tamquam addo adicio occaecati tres aestus decor. Arx angelus acer vado colligo inflammatio decor aduro assumenda. Brevis totus benevolentia ante deinde vos. Beneficium depraedor vobis corpus. Unus congregatio avarus valetudo una civis vero termes beatus auxilium. Viduo sint crebro stillicidium. Cena stips xiphias vulticulus. Consectetur bellicus armarium vinitor audacia cauda venio. Clamo verumtamen ademptio delinquo deleniti vilis verecundia victoria. Tactus voco cubitum demulceo acies vulgaris nihil. Spargo ducimus auctus tabula ago attero itaque cerno eligendi. Itaque curto perspiciatis inventore apto cinis sordeo depereo arguo adstringo. Armarium nulla hic. Ex volubilis aperiam creator tonsor confugo vulnus aequitas validus. Curiositas aequitas terminatio deficio turbo impedit supra. Callide patrocinor tergiversatio solus placeat aestivus reprehenderit alii. Synagoga tracto spiculum adsum umquam vesper vox decipio adduco tantillus. Cedo spiritus undique vitae delicate terra pauper aureus cibo. Defessus atrox corrigo.

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