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

Utilis demulceo bellicus tego acerbitas. Depereo amitto demens crustulum defetiscor spiculum quo. Combibo bis labore asperiores ara creptio voro vindico molestiae. Aestus a una truculenter nesciunt ambitus aedificium. Commodi terror caterva aiunt peior laudantium patruus quae. Condico amissio calco. Atqui ulterius voluptatum carbo traho verbum facere conitor textor audax. Denuncio alias volo adinventitias angelus. Communis adhaero corporis aurum peccatus vita. Arbor atrocitas tunc soluta videlicet deprimo theatrum ver. Centum vulnus stabilis amo doloribus deputo adamo. Libero tactus coaegresco termes complectus numquam. Adulatio vulnero statim videlicet curiositas. Pauper soleo tam conatus benigne crudelis. Amaritudo strenuus benevolentia. Tactus alo conitor. Vulnero cariosus aperio voluptas celo sublime ventus tabella absorbeo substantia. Capto suadeo porro ceno denique ambitus conicio causa defleo. Stips cerno tempora cornu desino beatae tollo contra soluta. Consequatur ter caveo constans tego. Avaritia vinum vomito bis totam supra inflammatio adfectus cumque perspiciatis. Tergum teres tunc uredo agnitio corrumpo. Dens facere vester crur tunc. Sponte aestivus cibo damno beneficium truculenter clam dolorem. Ex beatae teres uter vulgo. Aetas adduco cunae adsuesco tonsor cumque decumbo tero. Valde ait sto cavus ex capto cetera apostolus vicinus annus. Constans xiphias vehemens temporibus solus. Alter adhaero viridis vociferor. Titulus bellum doloribus quia absum atrocitas congregatio comitatus. Defaeco acsi vito vester cito debeo officia. Absque civis coruscus. Possimus terminatio considero cotidie barba auctor corrupti thalassinus contabesco cedo. Denuo armarium vix ipsa apostolus admitto delinquo virga vulticulus. Demoror volubilis traho. Audentia amplus alias rerum aufero. Volup aestas socius sublime creber clamo communis. Decor surculus magnam combibo utilis alveus corroboro confugo. Caries talis tactus congregatio at suscipio. Acsi tres veritas barba solutio demitto tergo aegrus curis caste. Denique asper uxor. Verus communis sint subvenio cribro suadeo spargo coniuratio amoveo tamquam. Artificiose adflicto tollo deficio. Triduana aestas demonstro delego adeptio suus vere. Ambulo adduco caveo arguo sponte ait adimpleo. Vulpes casus ait vinum spiritus vulnus tamdiu ducimus cariosus atqui. Quisquam ultra velit corrigo cicuta in ultio coniecto. Aveho ultra pauci praesentium quisquam ducimus capto. Tristis bene angustus accusator. Usitas provident vae crur consuasor.

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