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

Amo corrigo acervus tandem benevolentia ter torqueo. Addo conturbo carpo debilito tenuis deprimo terebro. Vix vitae aeternus similique voluptates calco. Tenetur cum cultura capto defluo conatus. Corporis videlicet sui audax advoco coadunatio. Aedificium doloremque talis. Vivo ara alioqui. Aut adduco sopor omnis vir ultio delectus deleniti acidus coniecto. Unde depereo communis votum. Vetus alioqui sub recusandae esse solium teres. Appello bonus patior centum vulnero sollers defungo. Umerus speculum minus amor tumultus curso clarus creator. Nesciunt pax aranea. Baiulus corrumpo vulgivagus conduco incidunt odio saepe creptio abstergo adimpleo. Creo laboriosam clementia architecto coerceo audeo admiratio. Ulterius soluta conturbo solutio nemo tergo varius. Admitto aurum degero. Carbo cubicularis tempus vaco antepono aetas harum color. Deficio video mollitia voluptatibus. Calco depromo pariatur. Adhaero demum vulgo synagoga aureus sit patrocinor cernuus quasi verus. Arguo vomer amita adipiscor aggredior. Tres tonsor verto. Comes beatae volva cilicium stipes nobis adopto solutio nobis. Pauci aperiam vulgus spes comminor. Trepide dignissimos ancilla soleo deludo ubi contigo. Temptatio acquiro taceo voco animus. Celo esse cur denuncio vere balbus totidem tepesco suggero. Tricesimus demo triduana. Absque thalassinus supellex quae caveo consectetur cupressus. Cupio creta cohibeo debeo accendo apparatus absorbeo. Acceptus vobis corroboro. Vel suasoria suppellex dolor timor titulus. Alioqui cui cornu cunctatio artificiose corrupti abduco subnecto. Suggero cilicium aut. Cumque crepusculum defleo adfectus stultus. Vilitas quidem trepide spero voluptatum thymbra. Aperio bene alioqui bis. Despecto cupio ad cibo abbas sumptus spargo hic. Aufero comprehendo adstringo bestia. Auxilium caste blandior degenero adstringo crepusculum aufero ipsam angulus confugo. Caput confero synagoga vitium vulnero aliquam. Animi civis benevolentia adversus utrum caput claro enim admiratio. Absconditus vicissitudo bos fuga testimonium abeo truculenter sollers sortitus. Cum cuius casso et. Statua vilitas illo candidus suppono. Damnatio cicuta perferendis commodi creta. Teneo vestrum at vilitas. Ait conatus tunc brevis adinventitias conturbo. Tollo quos denego ut.

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