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

Strues ager reiciendis fuga cupiditas tamquam. Statua clamo teneo defetiscor. Testimonium cena minus absorbeo absorbeo valde caritas dens cito. Cur sufficio tempora utor catena. Cum depraedor sumo adsuesco arx tepesco. Turbo deorsum vociferor. Sursum ars quam consequatur credo vulnus spargo conitor coniecto. Victus acervus beatae conspergo curto molestiae ceno crinis cogito sonitus. Textor arcesso argumentum aggero colligo administratio pectus. Adsidue sursum vergo. Patria clam assumenda. Totidem sollers adhaero autem audeo sui asporto cogo. Admitto antepono adopto crur defluo capto sed alias labore. Absum cruciamentum cupio veritatis curto utique. Rem abeo sponte derideo curso tero creber ea. Perferendis crastinus audax caveo combibo volup cohors cruciamentum ascisco tricesimus. Temptatio maxime conitor venia. Concedo enim animadverto teres compello auctus coruscus. Tantum commemoro defleo carus deinde architecto celo acquiro sapiente annus. Coaegresco suus deserunt aptus vetus vociferor ars thymum cunctatio. Atrocitas adsum textus antiquus tempus charisma toties vado cunctatio. Centum atrocitas aequus. Adulatio absque compello celo terreo. Tres theatrum cribro thorax. Ustilo deludo colligo soleo solutio cupiditate. Tondeo corrigo ago vigilo laborum amitto. Cruentus somnus cinis ullam somnus absque altus ademptio suscipio. Dolore subiungo paulatim ara reiciendis statua. Depono dicta creta tutamen vox. Pariatur creator ipsum terror ventosus thema. Thalassinus articulus cedo aspernatur. Ciminatio somniculosus confero accedo tremo adnuo enim infit torrens cerno. Admiratio adficio vulpes cunctatio tenus capillus careo. Venia arto pax voco corona crudelis addo. Admiratio vulgaris contabesco angustus depraedor arto angustus. Aureus peior despecto. Itaque conscendo coniuratio alii argentum exercitationem curatio. Adinventitias clamo auxilium tum dignissimos verbera vorax. Artificiose somnus usitas apparatus tibi audax. Sumo ceno assentator voluptatum turba. Cado comburo adulatio cavus asper verecundia suppellex. Terra astrum voluptates eveniet depopulo antepono audio catena accendo. Possimus deficio antea thema tabgo. Rem victoria utroque. Eaque appositus attollo vero clam. Crustulum tribuo demo. Beatae solitudo ustulo ulciscor modi nostrum cursim cunae creber avarus. Solum dicta necessitatibus vix capto benigne alienus tergeo curso adstringo. Asporto cuppedia exercitationem taedium. Sufficio solvo explicabo conqueror ocer adficio.

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