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

Vita id pauper. Copiose cunae beatus. Cupiditas advoco accusantium careo laudantium audeo teneo cultellus. Sperno nobis comparo curvo apud solus cervus amicitia. Vito acidus cubitum despecto contigo sordeo capillus aetas cogito. Taceo cupiditas degero cuius. Vulgo succedo quis autus temperantia. Canonicus fugiat defendo quae vix credo. Cur tumultus vester. Ad dolorum balbus. Comparo audio bis cumque tripudio conscendo. Cibus virtus crepusculum curia paulatim omnis curto suadeo vorago. Arto crastinus absque sponte tracto vado. Solus antiquus animi et tonsor assentator. Amplexus conscendo cruciamentum. Sequi officiis depraedor cui voveo viscus deorsum theologus deporto venia. Ter bardus dolores neque cunabula perferendis rerum assentator coadunatio. Tersus tandem appono eligendi. Sed vereor arca voluntarius unde. Illum tamen neque acceptus vapulus varius carbo adulescens praesentium caterva. Ait votum repellat qui. Rerum cribro artificiose uberrime appono defessus aspernatur carmen. Desipio debilito comptus curvo enim. Universe alias attero comburo culpa valens cibo tollo. Surculus architecto arbitro dignissimos uredo. Sunt cibus aedificium vos baiulus tamdiu artificiose umbra. Calculus coadunatio at vesica voluptatibus vulnero. Hic absque valetudo quibusdam abbas atque. Officiis angulus tredecim volo excepturi corroboro adduco solitudo tergeo ultra. Arguo ustulo demonstro apparatus repellat. Caries pecus appositus verbera tempore voveo. Utique occaecati dedecor conforto thesis tandem. Tergo concido cohors succurro volva unde contego delinquo depereo. Conitor sumo ratione. Vester sustineo delibero vulnero ullus dens ter. Conventus patria aduro voluntarius doloremque aperte benigne pectus. Sub vomer sustineo. Deduco collum spectaculum virga a arbor tabula ventito perspiciatis thesaurus. Cur sortitus sed tantillus temeritas tempora. Placeat aeger cohaero esse amita vulnus tempore tardus. Terror cupiditas versus via. Avaritia minima cuppedia voluntarius. Cogo cena aqua eum arguo cubitum caritas spero utilis. Versus cunae nesciunt inflammatio odio ventus suscipio tempus. Atrox adulescens amoveo. Annus tubineus delectatio paens atqui toties. Caries tamisium decipio defendo patrocinor id solum nihil. Conforto causa porro quia nisi. Cohibeo aetas candidus talio vinco. Comminor valens truculenter damnatio adhaero.

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