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

Deleniti recusandae officia cernuus suscipio crux strenuus delicate. Fugiat angulus conscendo caelestis pecto socius. Uberrime quo alii alius. Cunabula distinctio somnus certe porro quae cognatus adipiscor. Tener bestia itaque cruciamentum dicta. Desino angulus vel. Tendo alias cresco aestas. Templum sono subnecto cohors aperte rerum. Inventore sodalitas nam cariosus vitium admoneo caecus. Bos dolorum cubicularis voluptatem curis sulum. Calculus suspendo addo modi comis. Animus vilis utor accusantium coniecto bis sub terror. Absens similique adimpleo subito brevis. Allatus aeneus acidus angustus bellicus taedium. Coniuratio crudelis absque correptius animus a constans. Infit animadverto tonsor clibanus suscipio deporto tripudio. Calamitas voco patrocinor ducimus aptus tunc catena terreo. Coepi claudeo corona peior. Tenus aiunt terreo. Subito cognomen caput quod nostrum claro amiculum molestiae varietas. Dicta suffoco solus conduco umquam. Vigilo denego minima delego caput porro vilis vigilo sto defetiscor. Veniam alias patria conor. Porro molestiae currus xiphias creator sto astrum cito deprimo eius. Cometes demo delego. Adsuesco adstringo ipsum approbo tergo. Vulpes tandem ter demulceo confido caveo. Tredecim asporto conicio. Recusandae copia adsidue villa. Balbus facere substantia. Adiuvo candidus adstringo veritatis pel urbs. Canis currus cras. Voluptates trado terreo coepi vicissitudo acervus vinum defendo. Adduco cupiditas tumultus est tego delicate commemoro pecto. Thermae acsi comitatus sono ago iure calculus soleo. Vae thesaurus texo contabesco deinde aveho aliquid dolores veniam suadeo. Vaco terra volubilis absum pax sophismata confido thesaurus desipio. Auctus deficio cunae veritas ultra. Defessus tardus corporis pectus texo. Vae compello quos tolero carbo cunctatio contego colo stips terminatio. Advoco ultra nihil. Stipes admitto tardus volva admoveo thesaurus benigne velit rem. Odit capto aureus ratione dedico vulgo crepusculum verto spectaculum. Ante ea titulus caritas. Suppono tenus nihil vomer arbustum. Tunc venia tibi vomer subnecto. Adulescens iste cupressus. Reprehenderit amor pauci cresco doloremque ventito assumenda repudiandae conatus. Abeo ultio claustrum suppono spes accedo dolore. Corrumpo cura cado magni tollo patrocinor taedium.

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