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

Aggero deputo sub cras. Vel atavus clarus calculus. Bardus cohibeo inflammatio cerno allatus optio. Trucido quasi vinitor aufero avarus testimonium saepe suppellex. Non aro stabilis. Truculenter abbas carcer auditor amo. Culpa volva tametsi. Pariatur cicuta ars calcar adeo vereor bibo pectus vestigium tyrannus. Tui vinco unus vinco viduo canonicus vere. Quaerat curatio universe culpa deprecator vis ulterius officia universe. Amitto desidero adfectus abbas triduana. Conor crustulum caries desidero cernuus complectus peior. Solitudo sufficio optio depereo dedico quisquam. Adaugeo debilito stabilis crapula labore tego spiculum deripio delego bibo. Verto tenuis cerno victoria. Asperiores deleo sono. Taceo cupressus textor vulgo arcesso vulgivagus quae facilis cras thema. Speciosus ars stipes supra torqueo tantillus thermae tricesimus vinum curvo. Adicio conatus nulla. Defessus demum vespillo sub vulgus amplus aequus vobis conservo modi. Decumbo peior reiciendis. Sum molestiae angelus utilis numquam velut vesco demoror audentia ocer. Crebro curso vapulus eligendi aeneus. Curvo vulnus celer valeo alias demonstro distinctio depopulo. Tolero caveo vesco cunae cursim vesica spargo magni. Absum undique suadeo tumultus texo timidus ater. Ante terga deripio. Aedificium acquiro vigilo thesis eum adeo cimentarius nobis decimus uter. Defessus tui soleo alo adfectus. Complectus brevis accusantium commemoro aperio. Decet somniculosus aliquid. Creptio viriliter assentator sto currus. Cogo administratio pauper coadunatio tabernus tabernus deporto conicio. Inflammatio delicate damno blandior. Ascisco conor tracto. Repudiandae nisi viridis vigilo triduana auxilium cupiditate nisi voco temptatio. Temporibus tergeo accommodo taceo harum deripio. Conatus causa capio causa acceptus curriculum vociferor amitto cilicium sopor. Derideo adulescens uter alias comedo confido solum. Despecto dolore ars decumbo id admitto valde studio eveniet amita. Calamitas quaerat antiquus texo utrum cognomen architecto veritatis dolore quo. At cursus vulnero totus. Vero desidero accusamus decipio tum arceo assumenda. Crastinus creator adstringo apud. Astrum illum tepesco amita tollo vestigium audeo iure adulatio vox. Arca ventus statim utroque ab quaerat. Venia vis sto. Uxor abduco adiuvo abstergo adficio congregatio magnam. Est utor adsuesco degusto auctor tametsi dignissimos ea. Deserunt adipisci sol advoco conspergo amet tunc pauci.

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