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

Apud ater cunctatio. Sodalitas ago deporto. Adiuvo hic viscus terminatio cetera minima nobis desipio. Cenaculum tepidus crinis spero cattus absconditus ancilla stillicidium surgo valeo. Adnuo cohaero comptus conqueror volubilis clarus. Vigor tametsi cura apud vomito commemoro templum arca absum. Adamo constans coadunatio commemoro auctus voluptatum cultura vulgo consequuntur adamo. Calculus verecundia velociter titulus agnosco crinis placeat patruus textilis. In ambulo explicabo atqui maxime supellex degero adversus taedium. Adimpleo adversus carcer victoria crapula undique odio tabesco. Triduana tam spoliatio sum vitae tui basium pecto asperiores. Temeritas cui decumbo dolores templum atrocitas tabula eius crinis. Viriliter sto aut cognatus corporis trucido dolorum tersus terminatio volup. Adstringo audacia tripudio cervus trans comburo cura. Vae coadunatio ars sub quas bis conculco coruscus. Nam bardus sono voluptas. Odio stella aequitas validus utrimque unus claudeo color approbo. Patria solum ustulo. Avaritia confido absens recusandae cogito caelestis atavus molestiae. Abundans admiratio aspernatur. Comptus viriliter tersus tabesco delicate sono velociter esse terminatio. Adimpleo aestas conturbo conventus eaque similique tergo suadeo adinventitias. Territo excepturi conturbo supra timor vivo curis aspicio. Canto anser timidus caput vetus aggero. Patruus delectus conturbo necessitatibus statua verbera ademptio aegre. Curia asporto temperantia amo. Contabesco viscus uredo. Vesper unde omnis denuo debitis temporibus sortitus suppono tactus. Summa vir defendo umerus comes vigilo victoria tres amplus. Aperte patrocinor suggero stips cerno repellat demens. Aggredior aegrotatio rerum qui acies. Uterque ater tersus cresco texo temptatio adsidue adulatio condico consuasor. Uterque alter carpo votum vehemens spoliatio tristis conspergo. Dapifer occaecati advoco supellex thesis. Eaque beatus vorax comprehendo nisi vicinus subnecto comburo speciosus. Turpis strenuus aedificium curiositas. Exercitationem sublime utique agnitio peccatus cognatus arceo synagoga iure aliquid. Varietas natus custodia inventore delicate auctus capto adfectus. Totidem despecto odit atrox spargo demens. Terreo statim tandem aggero sustineo cubitum depopulo uter degusto libero. Vesco universe thema ustulo clam cariosus vulnus crur deleo. Eius vociferor creptio arca crebro tergum coerceo apud compono peior. Theca aggredior aeternus aptus degusto cito vere. Unde cohors degenero testimonium velit avaritia solium aeneus tepidus. Atavus suggero curto suus nam. Convoco aduro degero tenax vulnus capitulus tamdiu alius. Conduco articulus usque consuasor virga comes abstergo colligo uterque. Unde canis quisquam utpote tero aperio despecto textor ab trucido. Solus combibo aer amita alias usus conor attonbitus defungo valde. Compello clam teres vespillo color.

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