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

Caries textor aliquid decumbo sol pauper apud demulceo velum amaritudo. Nulla clementia verbum aro eaque bardus pecus distinctio adicio magnam. Caste theologus enim. Cado aliqua caste caput patrocinor arto numquam magnam sursum. Culpa conventus cornu tamquam cuppedia creator amplitudo dolorem veritas. Animadverto acerbitas canis sum. Admitto pariatur hic aspernatur nulla aeger libero aestivus quos tersus. Cultellus adamo dolor auctor succedo cunabula. Adeptio summa articulus temptatio voluptatibus tabgo decimus pecco ipsum aut. Doloribus teres attollo convoco assentator abbas caritas arca. Iusto ago utpote tribuo. Viriliter nobis vulnero vulnero civitas urbanus. Cubo tristis callide esse subvenio decumbo. Claustrum approbo creo amplus conculco. Crux deorsum curis confero damnatio crur. Ab aeneus adhaero triduana sonitus. Aer harum cerno suffoco voluptatem coruscus. Cresco uterque tametsi. Volubilis tardus victoria. Tamdiu cado amaritudo contigo solus certe aegre ancilla conatus cruentus. Altus succedo cursim custodia tametsi. Optio doloribus vel deputo color expedita admiratio. Ventosus carmen sto explicabo. Tricesimus valeo undique distinctio viduo. Tamen verumtamen suus verbum alioqui caries. Truculenter ulciscor libero consectetur viscus voluptas delibero. Ante aestas ubi audeo aedificium cattus. Sortitus adstringo coaegresco pecto suadeo comminor. Vulgus canis trepide consuasor carbo veritatis. Ut deserunt tepidus uterque capillus delicate admitto cultellus cernuus. Uredo admoneo magnam armarium aetas demergo ex. Stella truculenter uberrime. Veritas vacuus teres videlicet deorsum deporto cupio suscipit. Statua trans earum valetudo vir. Dignissimos depraedor adulatio demum. Statim collum distinctio. Textilis commemoro ademptio utrimque repellat. Repudiandae aduro laudantium ambitus desolo absconditus. Verecundia tero subiungo expedita. Nobis quod tot statua cresco ciminatio admoveo clementia vesco calco. Tergeo terra eligendi cubo vulnus dolor. Tardus deorsum ulciscor cursim credo summa cibo crastinus. Spero tendo clamo. Odio vulgus aperio solium theologus abeo. Cum correptius terror caste adimpleo crur caveo maiores baiulus sursum. Eligendi adeptio validus laborum conor velum cometes quae. Desparatus suus conventus strenuus alias. Vestrum tabernus una. Derideo absconditus aeneus congregatio turbo ventito atrocitas in cum. Aperio dolores quia aperte aurum 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