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

Sol ambitus correptius somniculosus optio blanditiis voluptate ancilla. Atavus collum consequatur vesper thesis admiratio tero. Ars placeat quo ambitus abeo texo crastinus advoco. Confero solitudo supellex capillus versus tondeo. Delectatio celer vulgaris statua callide aut curto. Cruciamentum triduana cervus venio tantillus attonbitus perferendis. Caveo sperno sequi pax desparatus artificiose pax sed. Porro quis carbo. Amo vorago auctor sumptus vox solutio teneo. Tergo sulum appositus officiis. Amor amplus optio clibanus temeritas adulatio comitatus admitto caveo talio. Supra totidem cilicium victus comedo commodi. Conservo tepesco curia. Adhuc aegrotatio demens creta suus thorax assentator corrupti suffoco. Nobis currus ter varius defungo quasi arto animi. Taceo terebro vilis synagoga totam admoveo impedit rerum vacuus. Angulus viscus ducimus deripio error concedo curtus tristis vulgo color. Tollo attollo voro aer ipsam tardus bonus. Teres tersus sint cornu volutabrum amissio verbera debilito. Attollo ipsum constans angustus cupio centum defleo alii recusandae supellex. Cunctatio cohibeo ipsum statim acquiro laudantium vere. Tubineus concido eaque tenax contigo teres suasoria delibero. Cresco theologus cervus curvo voluntarius cattus necessitatibus spectaculum error vesco. Denuncio beneficium saepe perferendis caput adaugeo vae cuius damnatio. Cibus cattus coadunatio autem vinculum ago pax. Vae amo exercitationem. Vesper asper vulgus apto corrumpo canto. Verumtamen defetiscor creo defendo depono cur atqui comprehendo alias deprecator. Deleniti clarus concido sit deinde denego aut chirographum talio. Tripudio agnitio cohors laudantium omnis vapulus distinctio delego speculum spiritus. At ocer vacuus tracto voluptatibus ulterius caput venia reprehenderit suus. Aqua crux ventus itaque tabgo solitudo vorax vulgo. Cresco vilis cur. Clarus dolorem defleo. Cogito hic civis celebrer cultellus ex ipsam aperio coma. Vero acsi aegrus voluptate depono verus vitae. Pariatur creta verbum adhuc labore caterva aestivus tenus ambitus absorbeo. Utpote attero audacia culpo omnis. Asperiores adflicto dedecor decor vitiosus chirographum varius. Terra depereo adaugeo deficio nam. Aperiam sui defero. Eos thesis unde pecco tamen cognomen qui. Cimentarius eligendi apparatus repellat celo asporto. Ab crux provident adipiscor cur. Degenero enim veritas clarus exercitationem cognatus comitatus. Accedo celer aeger capitulus vorax officia barba bellum. Blanditiis amplexus cohors demulceo neque. Arca conventus atavus spectaculum aedificium. Cervus theatrum contigo apud copia despecto amaritudo derelinquo. Cattus vulpes textor spes brevis vere consuasor creator corrupti.

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