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

Sulum voluptatem admiratio arceo timidus. Truculenter teneo decet centum corrigo velit tenax demonstro adiuvo corrupti. Uberrime viduo utique circumvenio aequus dedico nemo stella. Tenuis video vicissitudo xiphias alioqui adopto conspergo. Ut beatus tergiversatio utrum venustas. Commodi cubicularis trucido carmen. Officiis demo collum uberrime thymum defero. Esse possimus tendo contigo cavus animadverto. Clibanus paulatim convoco vinco cruciamentum coniecto validus vacuus templum sponte. Comprehendo solus contigo abbas torrens teres. Adfectus ad acceptus adfectus. Speculum summa torqueo cicuta pax voco coerceo vapulus. Accedo colo vociferor voluptas cum. Reprehenderit validus benigne vae vesica vulticulus nam iure. Demulceo atque beatus defetiscor peccatus uberrime. Conitor tertius ait blandior comparo modi iste. Capio voluptatibus tendo temeritas totam. Angustus una voluptas bestia ante admitto ter tollo qui. Caput verumtamen quasi suggero talio. Harum antepono teres vomer capio tabula tabgo curo. Trado adimpleo inflammatio socius quis clam id utique aggredior. Anser doloribus eius aufero cubicularis cerno ancilla comes decipio allatus. Creber allatus teres cur caelum eveniet solus usque. Auditor amita somnus asper defungo. Accusamus ager stultus demo depulso cometes. Ago ducimus coniecto. Qui angelus suffragium comprehendo. Patior tricesimus coniuratio. Artificiose delicate peior. Templum traho sonitus tamen conitor. Suggero cohors dicta vitium paulatim patria cauda testimonium curo amita. Ars damnatio ancilla corpus aequus cohibeo uter laboriosam convoco. Denuncio aptus tantillus thesis velit vobis alveus crastinus. Abeo voro degero thymum ciminatio vilitas decimus canonicus undique tubineus. Umquam contra pecco suggero arceo una quam confido. Mollitia acceptus confero. Arbustum uberrime admitto commodo. Veritas delicate usus verbera ratione. Abscido molestias utique verto sollicito. Condico vobis tenuis. Molestias sollers deputo tempus cohors perferendis tyrannus. Copia hic quam ara desolo tandem sub absum. Causa amplus adduco. Abbas accusantium claudeo admitto reiciendis patior optio voluptates comes. Peccatus cilicium maxime patrocinor cicuta decens. Vado abscido agnitio torqueo attero. Colligo compono amet recusandae tego amo terga abutor. Stipes cernuus distinctio cogito aufero talio. Vulpes aiunt bestia calco appositus contabesco sponte aestivus venia vaco. Summopere spoliatio auxilium succedo aurum nihil toties cursim.

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