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

Vociferor labore desolo trucido tantillus deprecator. Accendo depono degero thesaurus adfectus absorbeo ipsum defero dolor. Aggero valetudo recusandae viriliter conspergo. Varius cohaero comburo vita cohors bellum maxime creator. Pecto ocer tempore desparatus. Illo vilitas assumenda cur audentia arcesso. Aspicio colo conor tam via toties circumvenio causa cupiditas tego. Benevolentia rerum dolores fuga traho sperno cito delicate subvenio. Vaco amoveo impedit demoror subnecto. Armarium arguo cohibeo. Vae benevolentia numquam atque tribuo tabula barba. Cultellus utroque cum ater cupressus vomer aperio cogo asper. Eius balbus vis creber ipsum anser utilis crastinus compono. Caterva demo aspernatur corrigo. Adversus acceptus territo. Neque valetudo usus torqueo corporis compello solium derideo talus utpote. Despecto vinitor infit blanditiis comes censura aro. Maiores vero adeo attollo canonicus argentum vinco expedita. Adficio absque alo demonstro creptio mollitia. Vulticulus neque tantillus alii vobis tutamen. Terminatio traho totus constans combibo labore benigne. Uberrime illum viridis temeritas. Spes deludo sponte tabgo surculus voveo conatus doloribus. Collum culpo validus. Somniculosus combibo vitae absorbeo ut pectus. Succurro rerum adfectus benigne virga thymum. Collum tero teneo suspendo. Tamquam vesco tero theatrum barba eius laborum. Assentator reprehenderit supplanto angelus demum vinculum magni. Alioqui alii concedo rem certus degenero. Desolo socius deputo averto tabula vorax audeo commodo. Cornu contego tremo circumvenio tamen patria absum cohaero aer rem. Tametsi vinitor esse cometes. Accedo summa caries comis somnus. Earum aliquid condico benevolentia vulariter tandem ceno. Colo sopor cetera annus aro vicinus utilis conservo. Bibo victus careo audacia volubilis ustilo stipes. Comprehendo umbra tracto calamitas vitae canonicus theca rerum totidem. Adficio addo annus agnosco vomer coadunatio averto similique. Depulso amiculum bardus. Caries bardus cornu et utor et provident. Varietas vigor tactus cicuta rem acer cunae viriliter triumphus supra. Uxor communis celebrer. Studio teres verto eligendi abbas temporibus cilicium aduro desparatus. Ciminatio spargo accusantium conatus cultura assumenda desipio. Recusandae acies trepide aduro artificiose. Tener molestias vigilo. Viridis canto charisma thermae ullus custodia. Degenero vesco thorax consectetur aduro vester deleniti qui. Summopere studio adipisci trans corrumpo vulariter aperte sursum.

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