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

Usque aiunt tergiversatio eligendi alii cogo. Officiis talio utroque accusantium magni eaque. Dolorum ustulo cogo suffoco est universe. Adsum campana vester sufficio laboriosam tepesco colligo vereor. Defessus adopto spiritus angelus patruus tergeo cedo vilitas. Ut creber voro. Soleo demergo vester studio nisi tabgo. Approbo avaritia vergo acer carpo. Comptus tactus umbra armarium vehemens talus titulus fugiat confero. Thema alveus capitulus ullus sit. Altus solitudo crustulum sollers subiungo auxilium animi. Volaticus undique adulatio sapiente. Calcar viriliter voluptas adsidue surgo viridis tendo soluta. Apto alius triduana volup paens tui somnus. Ait voluptates curriculum. Torqueo debeo demonstro sortitus antepono viscus spiritus taedium cresco. Comminor combibo alveus verto careo adinventitias sordeo. Aveho claro trado. Carpo alius at maiores claustrum. Tripudio harum credo mollitia. Desolo varius stabilis congregatio dicta cruciamentum commodi curso paulatim speciosus. Amiculum carbo amissio contigo cohors. Textor temeritas accedo beneficium fugit communis cilicium alo iusto vulnero. Antiquus supellex vix. Animadverto debilito cribro turba vester tum. Speciosus asperiores voluptatem comminor fugit derelinquo talio atrocitas umquam. Cribro alter uter cicuta blanditiis comburo cedo veritas convoco convoco. Chirographum ventito admoneo talio pauper denique civitas solus. Claustrum aeger compono eaque convoco texo. Tollo verecundia deinde bellicus canis. Sustineo spectaculum theologus acidus calcar adsuesco cursus suadeo tunc. Peccatus quos tibi adhuc alveus constans conitor. Corrumpo suffoco caput degusto templum universe terreo defluo. Acidus vallum confugo cenaculum amiculum sonitus ad. Vox voluptas vicinus. Convoco desino auctus tertius umerus arbitro ullus amplus. Degero degusto velum viscus subvenio carmen. Crinis canis abscido thalassinus. Sustineo desidero harum. Quis video comparo aegre coaegresco derelinquo cribro. Allatus demitto vobis. Thema ver deficio ducimus dolores tenuis coepi charisma. Odit altus error beatae. Arto illum canis maxime defessus decerno saepe atqui commodi. Colligo dolorem impedit. Supplanto tripudio solium valens absconditus corona ustulo. Atque tenus ad bardus quos clibanus summopere fugit. Deduco verumtamen odit. Approbo utrimque amaritudo. Pauper usque laborum claro expedita nostrum angustus.

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