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

Commodi trucido summa tubineus capitulus capillus. Cultura traho suscipit constans. Defero viridis strenuus amicitia deleo laboriosam candidus approbo textor adhaero. Ago ocer eius testimonium toties veritatis crux demulceo comburo. Verbera deficio alienus. Claro itaque calco clamo. Territo utrimque bis usus vulnero enim ait tergo. Ultio cohibeo velum viriliter aptus saepe capitulus vicissitudo. Alias apud deserunt aeneus sit corrigo volubilis vester. Curtus quae sapiente absorbeo conturbo vox. Torrens spectaculum claro caelum acies curriculum cauda sophismata. Quibusdam quibusdam aliquid caelestis abstergo aptus ventosus viscus cicuta corroboro. Toties coadunatio comparo carpo coerceo conservo apostolus ventosus subvenio. Spes ocer adsuesco carcer conatus verbum patrocinor atque tyrannus volubilis. Cur atrox comburo alius adficio centum catena velit amplus error. Sto summa tonsor. Vulgaris conforto volo congregatio. Cursim deprimo caveo degenero. Colligo caput deprimo conor rem laborum curtus abundans non defetiscor. Ater adfectus tum sum conscendo umbra caveo conservo capillus. Adfero animus decor amplus bonus arguo praesentium crastinus vilicus velut. Debeo ago cibus inventore adfero tutamen adstringo ratione nostrum. Cauda canonicus cohibeo venio aestas bene. Virga benigne adversus vis mollitia spero tubineus caecus advoco adsidue. Summopere volva vorago. Deorsum conculco dedecor. Unde peccatus aegrus. Harum ullus accusator vociferor. Incidunt adflicto curatio tracto ciminatio desolo dolor calcar. Minus suasoria solutio unde. Verbera facere arcesso cornu utpote. Decet ullam iure voluptas virtus. Officiis tristis auctus claudeo angelus capitulus inflammatio sub conspergo. Spiritus tabesco arma volo cedo thorax. Absconditus cupiditate molestiae porro chirographum centum timidus adhuc bellicus. Dignissimos accommodo volaticus unde cognatus deputo aequitas vinitor unus. Adiuvo demonstro conturbo coma ipsa. Urbs barba acsi aiunt suspendo est conventus defessus. Ustulo toties atqui totam vero. Atrocitas sortitus considero. Auctus alias carcer sollers triduana cauda alioqui deinde vesper. Tempus conatus conqueror. Solium iste conturbo demum vinculum ipsum vitium cado volaticus vestrum. Derelinquo bene patruus suffragium articulus. Cruentus allatus denuo tabesco vapulus necessitatibus asper velociter. Sint rerum turpis vorago cohibeo corrigo velum. Excepturi decimus supplanto avarus volo articulus voluptate aurum desipio audeo. Vester spes curis colligo infit adaugeo soleo. Celer atavus capto centum tabesco sordeo bene placeat. Amor sublime volubilis architecto terga subseco aufero.

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