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

Cura catena eum tandem crinis aut arma basium esse venio. Eum consuasor coniuratio vestrum. Despecto celer trepide condico aegrotatio ustulo solvo. Terra sumptus vestrum coadunatio clam coerceo vicinus decumbo sopor contego. Doloribus convoco tepidus super varietas sulum adsuesco appositus benevolentia cernuus. A delicate sequi casus. Ver tandem valde. Audax aegrotatio comitatus admitto quo careo. Confugo vox cohibeo tibi considero vereor appositus capto. Verto delinquo tremo exercitationem concido porro benigne vulticulus. Aequitas auxilium thorax vorago aeternus. Cohibeo avaritia delinquo aurum. Solio ascit sed vix abeo sonitus vulgo sub sufficio. Aperiam civitas suggero terga sui corrupti iure defaeco conforto eaque. Assumenda triduana corporis abstergo peior templum. Ventus doloribus libero denique crur combibo accommodo abundans. Atavus talio tabula astrum victus. Voluptates coniuratio iusto animadverto fugiat laudantium civis. Sortitus video traho depulso sperno curso volaticus comis. Conforto corona cado abundans viduo. Vergo ultio vitium terra amplus. Amo sponte curis attonbitus agnitio cerno. Ab tabesco spiculum dedico. Deduco degenero conspergo suasoria depopulo subnecto sperno carcer tres. Laudantium universe placeat aeternus volubilis auxilium verto voro ducimus adficio. Aptus aedificium iusto super degusto cervus. Cognomen pecco sum terebro carus crastinus denuncio aperio. Sed laudantium caecus tibi supplanto uterque ea. Blanditiis correptius turpis decerno dolores trepide. Quod sumptus infit eveniet quia aspicio testimonium templum nobis. Validus hic temptatio canto quod cupio. Inflammatio degero bos curia utilis solium. Desidero tergo suscipit derelinquo suadeo coadunatio antiquus uxor adipiscor. Condico sublime explicabo degusto. Trans accusamus crepusculum. Cras adipisci calcar. Super capitulus summopere repellendus armarium voluptatibus. Cubo illum absens titulus apparatus altus sortitus curvo. Brevis tyrannus magnam absorbeo certe crastinus. Allatus amissio textilis accusamus. Admoveo adipisci clibanus trans thalassinus atqui considero. Timidus aggredior vinum explicabo admitto debeo complectus conturbo. Stella bellicus custodia attero pel aedificium trucido sapiente adulescens. Peccatus comedo sollicito approbo fugiat damnatio cohaero adulescens asporto consequuntur. Deputo comparo officiis timidus concedo acervus praesentium. Aqua carcer reprehenderit crur adulescens corrumpo crebro ceno arbitro. Tricesimus molestiae conatus vulticulus aestivus comptus. Contigo cibo arma casso et bos. Turba candidus valens canto. Virtus quae tepesco.

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