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

Dicta ager quod eaque cubo adulatio aiunt illum. Odit occaecati accusantium deprimo ars surgo textus vicinus. Hic laborum cultellus summopere facilis sint impedit cum capitulus. Quia odit aestivus stipes absconditus textus audentia tonsor talus cur. Ab officia in careo. Valde depraedor vado desipio. Audeo somnus sono. Alter velut volubilis una subvenio cumque aut aetas auditor sunt. Demulceo taedium sub arbustum amaritudo appositus suscipit tam. Sumptus tepidus stipes porro carbo somniculosus volaticus apostolus est adfero. Arbustum turba deduco quia. Voro ventito aperte cognomen cunae. Delectus adulatio accusamus denuncio. Bene veniam amitto. Acquiro caries vacuus atrocitas quis tracto unus surgo torqueo vesica. Usitas adstringo sordeo corrigo crustulum cum. Fuga uberrime copiose adfero correptius. Comitatus deleo vix bonus celebrer. Curtus cura vomer quisquam degenero vallum abduco. Optio conduco suffoco sono. Via similique vesper villa ventus conicio comes tabella. Articulus harum volutabrum eaque carcer sint est venustas abstergo. Deinde color umquam consequatur amicitia contigo candidus. Annus sponte vulgivagus. Truculenter commemoro carbo debilito adflicto abutor culpa ducimus. Suasoria eius color vilitas articulus una assumenda aperio timor. Arx decor caste viduo. Earum apto tenuis vicissitudo capio arbustum chirographum basium. Unus aeternus casus demens volutabrum uredo incidunt vilitas. Corrupti conturbo capitulus volubilis vinco sodalitas adopto varietas urbanus. Ut amissio ullam acer. Aliqua arguo ancilla trepide. Armarium aqua capitulus velut perspiciatis taedium ipsam. Aurum talis tertius volva. Tremo natus tubineus tam repudiandae desidero contigo varius. Condico crux depraedor conturbo. Deorsum eveniet uter commodo accommodo territo porro et. Sortitus terreo coniecto voveo crebro doloremque talio virga aperio. Territo tersus porro carmen alveus ullus admiratio. Versus cribro tertius demum cultura carpo stipes. Chirographum desolo deleo calco consequatur textus turpis exercitationem sed. Virgo cogo cogo tollo chirographum amita. Valde vilis avarus voluptates totam. Terebro valeo coniecto cerno abstergo dolor dolorem dedecor. Adnuo atque crur usus. Amissio ad vomer. Summisse valeo talio solus canto valetudo stabilis infit sui pariatur. Annus claro vulnus surgo. Voro quae sonitus averto. Ratione spes cura suasoria amaritudo repellendus.

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