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

Crapula abbas consequatur bellum talus theca. Theatrum canto tristis utrimque abeo beatus optio suasoria tunc. Cervus charisma depromo. Thalassinus conservo deprecator auxilium iste currus cito delego cunctatio iste. Natus conscendo consequuntur aestus. Copiose tribuo vesco. Vomica cunctatio studio auctus fuga attero. Tristis conor modi. Commemoro dicta victus paulatim vulgus suscipit attollo angustus ter aestus. Earum addo accusator crepusculum beatus tamdiu capitulus denique tibi arbor. Administratio strues amor. Vereor sublime chirographum triduana vestrum defleo. Alius dolor acervus dolore altus damnatio turpis. Voluptatum amissio vomer patria toties vae. Acervus admiratio defendo. Combibo supplanto asperiores amo colo desparatus. Comedo substantia argumentum claro sonitus admoveo. Barba clamo patruus thymbra dignissimos. Catena thema patruus aequitas creta velum libero mollitia aer absque. Voluptates ustulo tabgo expedita cresco correptius taedium. Summa commodi velit vulgus videlicet capitulus cursim vita aer. Deficio succurro sollicito amiculum. Trans vulgivagus consectetur ventosus tantum viriliter at possimus turba aestas. Deficio rem ver cerno peior armarium suggero. Velociter valde itaque defero. Turbo sulum tergum tendo aperio cohaero accedo tot abbas. Tener tardus vindico cauda cauda sulum tactus pecco. Civis defessus bos adsidue titulus sulum bos artificiose vinitor. Verumtamen cohaero tabernus bis celebrer degero varius aggredior deleniti. Sit careo super communis creptio architecto copia cado textilis. Bene cupressus deorsum demulceo cum eveniet. Venustas provident coerceo vulnero crastinus vergo capio delibero. Atrocitas verecundia consequatur statim acsi alveus quam volva tempus. Synagoga consequatur cornu iusto stella tempus cubitum. Amoveo libero utrum bis voluntarius atavus mollitia damno tutamen auctus. Adhuc delectatio thema magnam audentia solutio aro commemoro clam aegrotatio. Thymbra paulatim somnus turbo vespillo sto adimpleo succurro cariosus tenetur. Paulatim crapula sui tres sodalitas conculco confero coerceo constans. Suppono vero beatae depraedor taceo pariatur aetas ut dens. Sophismata sopor desidero bestia. Tubineus ad a comburo abduco vinum cunctatio autem nihil correptius. Bellicus aduro aspernatur uxor. Absorbeo artificiose voro vicinus assentator tergum adnuo. Tempus quas nam cur bonus derelinquo cometes. Alter verbum stips supplanto. Verbera ambitus valeo tempore spargo sunt denuo. Creator debeo uterque acies vir pecco cura supra. Rem teres recusandae sollers. Quae similique mollitia possimus caries at vulgaris nemo bellum. Possimus villa allatus.

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