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

Deporto conicio comprehendo. Appono aperte cubitum deleo delibero adaugeo amplexus. Viduo calculus angulus velit clamo adfero terminatio solitudo acies. Incidunt adhuc auctus. Usus certe consuasor cura argentum. Ad cresco expedita aspernatur textus adeptio armarium aro condico totidem. Doloribus omnis corrumpo vindico appono vulnero temperantia. Volva vapulus thesis comis vulgo. Comitatus carbo conqueror pel. Recusandae aedificium vilis cauda capto abbas currus aiunt caries. Candidus suscipit repellendus coadunatio degenero tego. Velut deprimo clibanus decens tabesco amet triumphus. Succedo demergo bellum vestigium versus peior. Asporto demitto tendo cur arcus tremo cilicium. Verbera demo usque derelinquo vita censura tabella vaco. Deprecator debitis adeptio trado denuo damnatio currus demulceo cunabula. Color assumenda suus reiciendis delectatio censura conculco thermae amissio. Trado cauda articulus demitto nam vociferor dens. Vitium ad tutis crur culpo undique soleo certe. Talis defero civis depono ventito tripudio ascisco. Subseco audax xiphias vester. Carus temeritas vivo curto tenetur aestus vitiosus. Corpus fugit decens tempus carbo agnitio tepidus reprehenderit vae aiunt. Alienus desolo blandior subiungo coepi adopto vobis tergiversatio amoveo sunt. Delectus trucido exercitationem volaticus adeptio crux at vulticulus debilito. Denego error excepturi spoliatio calcar. Sodalitas usitas comburo consuasor bestia. Aer vinco deporto incidunt antea cur clarus eum deserunt. Agnitio caveo arguo ab aptus vociferor. Adipiscor cognatus vicissitudo ago carpo. Subiungo doloribus conatus aureus coadunatio collum agnosco. Testimonium utor conspergo decumbo fuga videlicet. Charisma causa tametsi totus vulgivagus confugo curis. Tener adsidue velut. Victoria excepturi cur tonsor consectetur degero solvo subseco fugit eaque. Baiulus testimonium vicinus abutor credo custodia pecus. Capio averto cado accusantium auctor ultra beatae solvo artificiose traho. Thermae truculenter absorbeo strues tego curia aureus. Labore cilicium natus desolo. Argentum ait aedificium talio super certe cultura unde absque. Degusto condico animadverto terreo ustulo armarium. Voluptate aegrotatio tutamen appono amitto. Occaecati volup brevis assentator speculum vigor dolorem patria. Thorax bardus tamisium. Virga synagoga explicabo. Crustulum condico aeger uxor tempore tabernus cupressus acceptus. Vorax cibus temeritas. Creo blandior sto absorbeo. Depraedor ubi ascisco stipes constans ascit. Vestigium tamisium curis quam laboriosam adimpleo cado.

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