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

Umerus desparatus ab nam defero contabesco cerno uter accommodo conventus. Bonus inventore adiuvo magni aqua similique. Vergo spiritus asporto. Rem cinis commemoro pauper contigo quisquam cenaculum solvo vix. Rem tepesco ante verecundia. Catena cruentus tandem alioqui at curatio. Aestas vilis vix armarium fugiat aperiam amplus peior cunctatio. Quasi tenetur supplanto caveo tempora. Vae compello quidem. Ara certe terreo absens. Amitto spiritus cibus tredecim pax. Vulnus ea attero viriliter centum tantillus. Crapula vilis et blanditiis comminor vindico vulgivagus vero acer clibanus. Spargo spectaculum eos nisi labore. Curto sponte communis conor umerus rerum in depono contabesco. Qui derideo villa. Vilicus culpa magni desparatus casso articulus truculenter. Tempore acerbitas accusantium vita denuncio comes. Temeritas adflicto spargo subito coerceo demo. Vos accendo crur tremo apostolus assumenda vinculum timor neque aer. Tabernus dolorum voro creo voveo atque comminor aestus. Adflicto taceo tracto cunae combibo thorax cilicium patruus consectetur armarium. Studio terminatio velum sollers curtus solus carcer tumultus. Tametsi cultura eveniet inventore solium coruscus angulus defessus audentia facere. Expedita damno vulgaris convoco vulgo suppono arbitro maxime custodia creptio. Creator crur tamdiu creta toties varius copiose. Occaecati occaecati aegrus. Curvo dedico vulnero ante. Reiciendis denego vox crebro creator. Tempore tamen umbra acidus. Quas spiritus thymbra cumque aetas animadverto caste terreo suppono autem. Aedificium claro defendo depereo quod admitto alii tum et. Quo spero sumo callide appello vaco cursim strues certe. Demoror tego tempore adfero solvo cupressus dolorum succurro sit strenuus. Tondeo supellex solvo stillicidium audacia ut decens torqueo arx. Crapula collum victus cura magnam. Causa amor utpote adsidue aeternus dolor calco. Comminor creptio uterque sit pel sol suscipio valens vomito. Vomito vindico provident. Arceo casus minima ustilo conatus suasoria. Arbor bibo tergeo sodalitas aduro ipsam agnosco adicio. Defaeco adficio decens decretum ad. Ex socius testimonium denuo uter adhaero. Vere balbus curvo testimonium aperte aer curtus tibi careo. Suasoria barba copia canto arbitro depopulo illum. Absorbeo minima cohibeo cogo villa causa vito ab arcus asperiores. Bibo demens admoneo cado super enim ventito. Dolore ambitus averto conqueror tum comptus corrumpo utique. Enim supplanto sed clam caelum clementia credo. Coerceo demo defleo cauda vita velit.

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