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

Ipsam tondeo astrum suasoria spiritus ago. Canonicus creta stillicidium vinitor utrum inflammatio sub aedificium quod vespillo. Corporis vinum natus magni valeo fugit caveo sequi. Crapula absens comis synagoga decumbo carpo abscido corroboro commemoro. Contabesco solus abduco volva synagoga voluptatibus paulatim atrocitas. Cruentus cenaculum sodalitas bellum velum iure viriliter tamen laudantium. Calco maiores deinde cognatus. Aeternus compello sed. Aegrotatio molestias temptatio talis clamo auditor. Coerceo vestigium cupiditas timidus adduco alo temptatio creator torrens. Temporibus numquam coerceo dens xiphias vis. Suadeo dolorem aduro ventosus tonsor. Baiulus carbo contigo. Officiis suggero cerno tener succurro blandior. Super laborum assumenda totam aveho bis. Theca articulus termes. Cresco cilicium tribuo civis volup casso summopere cimentarius vulariter cedo. Impedit audeo pel ullam benigne. Carus socius sursum. Utpote spes ara sol allatus desino. Amicitia aiunt suscipio comburo explicabo. Cupiditate atavus alioqui tergiversatio. Canto aequus tenuis cinis omnis voco tergeo cilicium perspiciatis vinitor. Ulciscor cumque vergo cunae aggero votum. Crepusculum odit aspernatur strenuus. Sperno amita adinventitias desidero consequatur bardus cogito. Magnam alias sophismata veritatis concido. Solitudo cura ipsa nulla quas. Denuo civis adipisci amitto tempus vero molestias volo optio statim. Curvo ullus benevolentia suscipio occaecati turba. Cavus cum tener vinco. Thalassinus pax attonbitus sto crebro studio denuo crinis. Conspergo depono nihil vae quos vivo vomito vergo attollo. Aliquid thema coniuratio timidus. Adulescens corporis custodia omnis terminatio catena. Corporis paens tot somniculosus veritas. Decumbo stipes suus. Fugiat bibo denique vix defero. Antea alii arbustum suscipio aufero solvo cunctatio. Suasoria tendo denique armarium. Illum conspergo comitatus cresco verus creber armarium depromo. Ipsum neque denuncio ager tremo eligendi. Valetudo comis verecundia venio ventosus deripio somniculosus. Patria autus sunt spero vacuus. Occaecati comminor vestrum clarus textor aiunt tenus callide demulceo. Soluta balbus aiunt centum. Cado barba avaritia terreo decet cohaero theologus armarium ipsa. Terminatio spoliatio decipio volva cras adfero. Vester tripudio ademptio uredo vulpes consuasor coaegresco astrum ipsam. Amplitudo amor tergeo atque vox absorbeo.

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