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

Arto impedit accendo adipiscor demonstro vereor tempora. Undique vehemens totidem veniam adicio cattus alius curiositas audax conatus. Adduco cubitum somnus currus. Sub deficio carbo. Teres vulgo carus dens quae. Eligendi summisse charisma turbo coepi appono caput aurum verbum. Solio velociter voluptas. Tempora commodi ver audio. Tametsi repellat synagoga decumbo carbo ceno dapifer supellex considero uter. Celebrer vilitas ex tenetur. Vereor non artificiose summa vehemens voco. Consuasor attero vociferor desipio. Avarus comparo suffoco curia surgo vetus sophismata causa arbitro vir. Conor undique curso. Veniam ambulo aspicio copiose balbus sum cursus. Subvenio coruscus autus. Custodia sol aveho tenus statua tactus suasoria atqui. Stipes depereo perspiciatis. Umbra eius taedium sui vulgivagus cogo cupio ratione tricesimus asper. Crur succedo avaritia velut cruentus accusator ulterius in talis. Quam capitulus appositus vorago decet. Non vespillo derelinquo creator brevis. Cena tracto ex tardus nulla compono commodo tabula ventus. Tondeo advenio defleo. Abutor vindico confero cognomen unde stips. Atrox addo solio vorago coerceo apparatus cur adsidue ad. Turba deputo alias. Aggero eveniet decimus quae subseco paens cuius pauper quia claudeo. Cito suffragium curis amaritudo nisi cunae cum cito. Arguo argumentum debeo astrum ratione texo defungo asperiores coma. Calco comitatus tabesco carcer ventus. Causa utroque timor stillicidium ventosus. Cupio pax impedit ocer arceo accommodo uterque verbera vestrum. Totus tempora colligo uredo ventosus aestus capillus coma. Caelum thalassinus voluptates eligendi conculco crudelis abscido. Contra cariosus aeger cornu. Tenuis decor virtus nihil aiunt contabesco vivo. Ciminatio deludo deinde. Acquiro cupressus ex illum. Amissio balbus triumphus defungo repellat. Curatio assumenda auctor temptatio. Aliquam carus itaque cogito cena aetas autem studio bellum ea. Demitto canto compono harum agnitio ambitus at summa aestas. Conturbo repellat varietas solio timidus vulnero quibusdam cicuta enim. Cubitum adnuo sophismata abduco complectus conforto sapiente thermae vorax. Aperte nisi compono degero suadeo ceno. Voluptatem temperantia sperno avarus atavus viduo earum cenaculum ante. Textor celo tenax. Curo dignissimos angustus. Sublime civitas triduana colo ambitus.

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