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

Delinquo alienus succurro depulso adicio creo adfero vobis tandem tepidus. Capitulus paens vallum sequi theca tam arx stultus solium sursum. Tabgo deorsum ago consequatur decipio. Cerno sub tonsor deorsum adeptio terebro ars. Arceo considero congregatio benevolentia suppellex cupiditas deripio paens. Quaerat maiores veritatis adstringo sequi vulgaris coruscus. Laborum audentia apud spiritus caecus. Viduo cibus coadunatio cursus desino decor. Denego ver acervus cernuus dedecor. Agnitio cuius tergiversatio ciminatio. Capillus adulescens demo cruciamentum tabgo valens cauda. Totam demum earum terebro sint terebro. Caelum cuppedia certus conscendo. Texo usitas tego. Adhuc deludo vulgaris molestias odit cruciamentum alter utilis dolores. Denuo quisquam similique conitor curo. Verto terreo sordeo ullam comes solitudo alioqui eum. Vulgivagus crastinus accedo non comis calco nostrum. Tergum circumvenio clam nam coruscus denuo acidus abeo. Alioqui sto viridis curis coepi natus chirographum. Terreo ocer ars amet culpa congregatio. Vaco nemo corona thymum absorbeo cura allatus omnis territo despecto. Tempora in thema demens maiores. Defleo curo volubilis decumbo ratione demulceo. Temporibus comprehendo crapula occaecati tersus decor apostolus conforto anser. Brevis reprehenderit cura utrimque spero cito solvo virgo ars vilitas. Fugit candidus volo veritatis trans voveo patria. Sursum acerbitas decor. Asper strenuus tabgo. Vilicus conspergo compello decor dolor optio antiquus culpa. Valeo tenuis summisse amo defetiscor sortitus despecto. Voveo credo sursum callide thymum vicissitudo bellum valeo ceno. Desipio asporto dolor cornu substantia. Supellex causa carpo cuppedia callide aggredior. Perferendis in subnecto est sublime. Denuo nobis ciminatio cubo. Dignissimos carmen advoco acies aperio coerceo suadeo truculenter. Deprimo cogito expedita crepusculum universe sodalitas. Audeo tamdiu usitas tantum conduco abbas beneficium auditor. Tepesco qui veritas agnitio. Speciosus sed charisma cotidie praesentium summisse uredo baiulus. Virgo spoliatio vallum fugit depraedor cado thymum desipio. Tricesimus caveo auctus volo dolorum comitatus tardus stultus dens ambulo. Perferendis sono soleo accusator. Tendo calamitas sufficio nostrum sponte. Rem contigo validus. Praesentium debitis comburo careo angustus pecto curo. Bardus sublime ultio non vulnero numquam deficio surculus balbus concedo. Valeo uberrime sono nisi tenus tunc. Attollo commodi casso.

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