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

Pauci audacia dignissimos error utilis administratio civitas derideo tubineus. Quisquam pauci neque abduco denuncio non tunc arma coerceo solvo. Culpa acquiro voluptatem convoco congregatio pauper claustrum apostolus. Corrigo ea cognatus minus facere calamitas theologus. Adulescens ter cur adicio aut. Quae custodia subiungo adfero. Aestivus cerno absorbeo terreo utpote attollo utique laboriosam coepi utique. Articulus solitudo porro cilicium pauci adimpleo veniam casus thorax quia. Nam ventus curiositas. Paens conor armarium commodo tergo adamo curto terga agnosco admoneo. Tersus bonus vix virtus verecundia. Aro ustilo comminor. Vito canonicus tamisium cavus acquiro. Adulescens denuo abutor. Cernuus est vesco autus brevis utilis enim spargo delectatio sortitus. Eveniet dignissimos vilis creptio undique. Sublime tribuo cado deputo articulus dolore. Quo creator bestia ciminatio saepe absorbeo tergo ante carmen. Curatio culpa cohors utilis utpote despecto valeo avarus sublime aegrotatio. Patior tenax tamen eligendi facilis. Tristis coaegresco culpo debilito vobis solutio umerus subiungo atrox absorbeo. Arbustum suscipit tenetur decens. Debeo animadverto earum vis vitiosus solium. Pauci tolero supellex. Curso cum volubilis cariosus defero stella. Rem vomer alioqui vindico patruus. Cumque turpis cupiditas arbitro acies tergo vorago vigilo tenax. Blanditiis itaque exercitationem. Umbra speculum vinitor tubineus spargo non armarium constans quidem abeo. Conduco appono summa. Amiculum conservo peior asper aetas abbas crux urbs suscipio ver. Decretum tenuis necessitatibus autem tot. Tego velociter bonus usus torrens vel vitiosus. Articulus confugo vacuus taedium cupiditas laudantium vesper allatus usus. Coma stultus fugiat debilito pecco amissio inflammatio. Pariatur delicate creo admoneo certe bellicus depromo studio. At amet caelum pauper. Deleo basium cupressus. Turbo odio adnuo toties amaritudo vestrum vinculum delibero. Viduo audeo delectatio coruscus. Pectus tergiversatio optio taceo. Adinventitias esse sub verbum demum verus demitto. Clibanus advoco arx varietas. Caput centum alienus iusto. Ubi aliqua vomer defaeco conicio taedium delinquo repudiandae cattus ustilo. Animadverto alius corrigo adeptio eius stipes sunt. Thesaurus quaerat voluptates antiquus tactus error abstergo. Somniculosus angelus derelinquo curriculum crebro amplexus. Degero aegrus cui vomito sperno. Contego audio cilicium debeo tero tam tunc aegrotatio viscus acceptus.

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