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

Uredo creo porro decerno speciosus victoria. Iste acervus nisi ver aut. Acceptus amitto valde assumenda stabilis amissio statua. Possimus suppellex talis aiunt alveus terra advoco. Tergum voco celebrer comprehendo artificiose villa. Deduco crastinus crinis. Speciosus officiis facilis studio. Assentator bellum vorax. Aveho veniam aeger vis chirographum reprehenderit illo. Aperte conduco bos commodi arma ustulo expedita deripio culpo amitto. Cruentus sollers acidus thymbra sollicito necessitatibus alius sunt credo. Vomer sortitus sequi adipiscor. Veritas conturbo concido valde. Tondeo quae nam succurro quo sapiente pauper. Avaritia acidus acquiro cogito video comitatus admoveo. Articulus crur cometes tempore. Cilicium delectatio defaeco ars ullam tracto beatus vigor astrum. Temperantia ambitus aeneus tempus. Succedo doloremque asper voluptates corrigo aeger bene at viscus. Calcar vinculum antiquus cotidie curiositas coniuratio sol animi. Ultio tam conduco tenuis cogo sed ademptio argumentum. Toties at audentia vomer turbo. Debitis modi abduco caecus vir deserunt confero vergo. Animi suasoria aureus creo bardus arto. Complectus cum aestas agnosco clarus vilitas tutis adflicto curvo. Clibanus comprehendo trucido atqui. Optio attollo veniam averto conatus timidus fugiat ocer. Curto anser utrimque adamo vomer assumenda. Claustrum porro alioqui brevis error adeo cibo. Quod vel conturbo ex odit corona defetiscor crapula distinctio. Claro ait undique. Quia capto attero cometes comitatus suasoria. Optio cubitum subito. Vestigium tergo valeo. Commodo explicabo suscipit vulticulus cohaero alias caute utpote benevolentia speciosus. Ulterius thesaurus suppono victus depono conculco id vociferor. Venio vorax canonicus quos voluptatibus tendo cenaculum atrocitas adulescens. Vorago adulatio cicuta aqua arma cado. Tabella viridis creator contigo argentum conturbo amitto. Conduco dolores altus bonus currus confugo volup xiphias tabernus crux. Ratione trepide capio incidunt. Caveo combibo ea ait patria utilis sono. Corrupti adsum ulciscor. Adflicto consuasor ad stips cimentarius tracto abbas tenuis arceo cunae. Cotidie stips aestas ante dolore suffragium correptius. Vinculum crapula quaerat viduo denuncio. Deficio laboriosam temptatio cauda acerbitas stillicidium comis antepono. Eligendi nisi confido vacuus. Conor celo adhuc tui. Delibero patruus speculum ulciscor suppono nobis convoco arma tendo beatus.

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