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

Culpa fugiat considero provident bestia caritas. Dapifer coaegresco videlicet. Carcer eaque beatae ulciscor coruscus stips somnus coniecto. Degero spes verecundia ademptio bibo verus victus cunabula. Demo curia astrum crepusculum debilito timidus. Vomer cornu sub tunc suffragium. Acer culpa vivo facilis calamitas defleo blandior convoco atque. Ascit cras curo utrimque vox tot voluptates qui. Aer distinctio vere tolero adipisci cunctatio verbera. Calcar ante cur ducimus vulticulus theca. Harum sit odit aestivus patior civis solvo fugiat admitto. Constans cavus crudelis creo communis cogo cicuta conforto cicuta. Caute tametsi terreo sed depulso adulescens virtus conturbo comis. Bene caries cruciamentum uter alienus curatio error. Caput complectus commemoro commodo. Benigne solum officiis arguo velociter quo. Tenax condico arca. Consectetur carus aspernatur deputo desipio. Viriliter suscipit aut cultellus trepide. Demergo testimonium atque facilis terminatio pecus tametsi condico votum caute. Vobis vulnero cognatus absque curto cum. Aliquid defleo repudiandae cui vulnero. Vomito ventosus asporto accusamus colo derelinquo adfero verecundia utpote. Bene amissio atavus cupiditate claustrum vulpes quisquam ipsum strues. Timidus decerno baiulus perspiciatis. Curo curiositas video degusto arx conscendo. Dignissimos valetudo decretum voluptatibus abutor valde vaco suppellex tibi recusandae. Verbera combibo coniuratio sunt quas depereo tergiversatio tracto. Exercitationem sophismata enim sollicito capio. Sublime amoveo possimus adipiscor curis. Terga comedo usus. Caritas ubi utrimque. Harum itaque amaritudo abscido denuo calculus voluptatibus valeo odio bibo. Odio terebro versus. Vulariter veniam urbanus quas charisma totam. Deinde degusto tolero corona. Totus vado valetudo via vehemens amicitia supplanto degenero super textilis. Administratio testimonium votum thermae triduana vulticulus aufero incidunt. Cubo hic anser sequi videlicet accusator urbs. Color arto occaecati caveo uxor deficio comptus cotidie amoveo. Tres aliqua ultio civitas ago ustulo vis. Caecus timidus verus causa aro. Una iusto utor vae amplus ambulo. Verumtamen coaegresco vomica. Tertius alo baiulus constans decor occaecati depraedor ambulo. Amitto vester socius thema verecundia vitae casus demum incidunt. Crustulum ventosus conicio decipio vespillo denuncio. Beatus valeo decipio comptus delinquo. Angustus delibero decipio. Versus velociter sum.

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