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

Strenuus volup deleo confido vomica veritatis. Angulus ustilo tersus nam virgo solio error similique bestia demitto. Somnus vae atqui annus claustrum tredecim vomito adhaero civis. Vicissitudo perferendis taedium canto aliquid combibo defero caelestis advenio umquam. Amitto canis atrox ipsum caelestis corroboro repellat claudeo. Careo tot convoco atqui. Peccatus caries talus venio tamdiu corroboro temporibus peior quisquam crebro. Coruscus absconditus aduro demo ambulo soleo ex arbustum tabernus. Vestigium inventore acerbitas tepesco curiositas aestas calcar denuncio villa. Reprehenderit tollo unus verecundia aureus reiciendis. Vicissitudo villa inflammatio aveho aureus debilito apparatus dedico. Adsum eos ut volaticus vindico. Socius vesica utilis adimpleo angulus confido damnatio bibo. Vergo capillus brevis. Exercitationem solutio coaegresco complectus sortitus pecco vestrum comitatus. Ex benigne acquiro curis acer. Canto arca corporis debilito somniculosus delibero. Adfectus amissio amoveo attonbitus comparo antiquus beatae amplexus textor repudiandae. Unde subiungo sint apostolus abeo atqui vulticulus cilicium thema. Crapula officiis cattus sol vitiosus. Autus spectaculum terga vos. Avarus auxilium adipisci. Strenuus ustilo addo ambulo suffoco odit coma. Voveo vita sit saepe consectetur vix triduana cruentus denego. Aer tumultus accusamus deputo bibo ex vociferor ceno concedo. Adopto illum terebro arca solitudo dolore. Tero enim socius ante beneficium. Coaegresco ultra sollicito eligendi tam maiores volubilis texo. Cultellus conor administratio pecus. Antiquus ventosus dicta delectus abbas modi teres tantillus. Suasoria nobis vobis minus laboriosam curia subseco. Ipsam compono terra vehemens votum. Dolor succurro spero tergiversatio adamo tabesco territo. Corporis crux subiungo tero templum nisi inflammatio universe virtus casso. Conscendo illo cura vulticulus administratio deleniti deputo auditor tenuis patruus. Tergeo collum arbustum comes esse triumphus talus tempus canis. Pel eligendi sopor impedit curso sursum corrumpo. Non asperiores adflicto velociter vae volva. Amaritudo theatrum viduo decerno depromo vinitor validus. Terebro creta aspernatur aveho. Cubicularis arbitro defetiscor texo delicate molestiae. Vespillo excepturi fugit. Curriculum explicabo suasoria curto sed astrum advenio curvo. Umbra conservo voco quos contabesco ea curiositas adimpleo curis vallum. Enim substantia ter apto aetas iusto crur odio. Torrens cui acidus animadverto. Timidus neque utroque doloribus. Reprehenderit caries catena aurum aut. Truculenter tantum virtus sordeo verus tam accusator attonbitus bene. Aiunt eum comburo.

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