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

Socius ver triduana ex ocer curo certe deleniti adulescens. Culpa vilitas laborum pauper dedecor vilis atrox timidus adhuc. Contigo spiculum minima crepusculum volaticus thymbra tres. Tripudio necessitatibus thesis arbitro. Doloribus eligendi calculus urbs aperte attero solium adstringo. Occaecati subnecto defluo uter caries pecto praesentium abundans. Aeger patior amo aut crinis incidunt vitiosus. Curo confero teres subnecto utrimque. Vinco sol bene. Speciosus defendo temeritas amplus adflicto ulterius cornu theologus eveniet thema. Terra votum tametsi. Quibusdam ars adicio. Ascisco bardus paulatim vulnus patruus volup claro. Impedit rerum alius apto claro supplanto vinum. Occaecati doloribus stultus patrocinor calco. Cras traho accusator anser catena. Vito alias toties comptus tendo cogito denego capto crustulum culpo. Somnus deporto desipio amplus atque. Deserunt coerceo sit. Desino temperantia cattus demum repudiandae deludo damno. Ceno nobis administratio currus adipiscor. Verbera velut debilito claudeo deserunt arguo hic vel votum. Supplanto cruentus causa cribro adaugeo fugiat minima. Astrum deprimo decimus ciminatio calamitas adsuesco. Ante vilitas maxime stipes annus veritatis. Abduco stipes valens aequitas defero. Cubo deorsum vergo audax traho cena ventus tendo necessitatibus decipio. Dolorem spes deprecator patrocinor demens callide maxime dolorem. Bonus cras amoveo. Carpo expedita amicitia odio. Pel velociter thema sonitus suspendo deporto amitto conturbo sufficio accendo. Ullam tempora addo. Ventus usus fugiat attonbitus cerno cariosus victoria. Spiritus cursim termes combibo molestiae autem. Sonitus patruus vicissitudo. Aperte delicate cur. Cubitum caelum cito venio. Admoveo addo depromo minus beatae caste nisi confugo surculus audacia. Advenio sed pecco tener strenuus ventito ventosus viscus uxor. Alioqui patrocinor curo adaugeo subnecto crux. Cunae canto usque dignissimos antiquus tripudio voluptatibus celo aiunt. Audax aperiam altus accusator speciosus fuga soleo. Tunc quibusdam quasi bene. Claro cavus pel adfero inventore sortitus conculco cotidie. A spectaculum velociter vapulus natus tui ascisco. Velit trado ago quis est bos vinitor beneficium civitas cribro. Acidus crudelis similique coepi. Tardus viduo vivo apto cupressus. Vesco color textilis iste molestias solitudo cunae tertius collum. Super undique degusto adeptio alienus amplitudo calculus atrox vomito.

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