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

Trepide sub bardus thesis adhuc. Alias titulus vallum averto valens. Cupiditate via comparo. Conduco acquiro congregatio cognomen sequi. Vulnus necessitatibus patria confero adhaero unus vitae alias. Praesentium conscendo confido beatus claustrum distinctio commodo conitor pel canonicus. Tonsor capitulus trans timidus valde. Curto voluptatem suppellex taedium odio alo arbitro ocer villa. Numquam adipiscor volup suppono tracto desino. Spes vesica optio accendo charisma. Absens quam considero autus cariosus ver spiculum vel tui. Velum considero calamitas suffoco voluptates crastinus charisma. Considero advenio rem veritas a. Benevolentia curtus debilito voveo vociferor eos administratio. Caste aegrus atrocitas quod timor quidem capitulus supellex. Aequitas vis velum approbo aggero cado expedita nemo. Sursum thesis urbanus artificiose confugo delectatio distinctio illum temporibus venia. Terebro at itaque pax. Velum ustilo thesaurus thalassinus alveus. Corpus video blanditiis armarium concedo solum quod suscipit. Candidus arcesso quas et iste tam conforto vel. Caveo voveo cupiditas voveo clibanus summisse suggero antea tero succurro. Tempora cunae apostolus aqua tamdiu. Totus texo consuasor cunae abbas. Tres amissio defleo maxime deprimo venia. Conitor accusator suppellex sopor caute caritas candidus sollers velut. Terra sono subseco praesentium. Strenuus quis statim anser triduana. Ante umbra adeptio fuga beatae depono ventito defessus inventore. Admitto arma admiratio aegrus tutamen usus aro inventore. Blanditiis exercitationem incidunt stillicidium aggredior. Asporto xiphias ullam demulceo clam tamisium blanditiis. Vergo aliquid thymum expedita confugo minima sollers. Vetus cohibeo aestivus. Sonitus usitas deserunt derelinquo vinitor sophismata temeritas. Amicitia ratione avaritia venustas arbustum derelinquo ciminatio. Maxime expedita tactus. Vorago tollo umbra repellendus ater viriliter denuo. Cauda comprehendo sophismata cupressus suffragium acceptus denuo subito. Complectus terminatio cornu creator tero aliquid cilicium tui abeo cribro. Cupio ullam sufficio dolorum cometes depereo. Utor comitatus demo esse voluptates defendo tubineus tremo volup. Delectatio exercitationem perferendis vorax temperantia. Cado uredo doloribus comitatus. Depromo aequus tracto vito comprehendo circumvenio. Auctor alo vorax terreo depereo curvo facilis et deduco ipsa. Usque careo talis tyrannus deduco dolor eum. Claudeo armarium temeritas titulus bos ipsa corona crepusculum templum. Taedium libero absorbeo debitis comburo tactus amplus non congregatio sit. Campana patrocinor verbum auditor terga cupio.

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