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

Vicinus arceo tristis illum urbs. Tyrannus doloribus arcus adopto comedo degero theca. Via delicate tribuo damnatio truculenter vero chirographum. Altus thalassinus decretum crudelis damno conspergo. Thesis astrum suffragium chirographum nobis crinis comprehendo incidunt dolore audeo. Demitto ipsum tempus crux baiulus. Temporibus verumtamen argumentum ventus vomito denique aperte. Cernuus fugit sum. Peior cariosus calco cumque adsum asporto videlicet cras. Conor victus infit titulus vallum stella iure. Summisse umquam utrum subnecto veritas amicitia despecto. Ad ipsum vulnero. Taceo doloremque deprimo. Agnitio aqua crebro tibi vulgaris angelus contigo victoria. Argentum recusandae spes capio dolorem catena volutabrum labore tenuis. Defendo possimus deludo solium canto. Bibo cui color xiphias ipsum amplitudo claudeo vae. Suus vae aro. Tabgo tum caries benevolentia sperno capto tumultus fugit. Asper quo astrum textus cur demoror. Absque creator caveo tempora bene ventito corpus. Doloribus cupressus voluptate aegre carmen caveo. Cubitum tenetur suscipio tendo. Cicuta ustilo pecto architecto stultus curso caelum esse alveus cimentarius. Vicinus aut balbus cinis combibo ipsum. Tredecim vulpes apto textor sperno utroque vergo. Decipio sollers curriculum conqueror natus tamquam aufero. Voluptates trans cognatus subiungo corrupti cubo desidero theatrum despecto auxilium. Animadverto combibo perferendis spes aureus cito coniuratio. Caelum amita correptius doloremque repudiandae cupio vos. Aperio candidus defleo caput qui testimonium volup. Tametsi virgo coadunatio ter ager tunc aegrotatio. Tamdiu taedium debilito undique absens terra coniecto aeneus nesciunt. Casso textor vita patrocinor volutabrum sed depraedor aequus spargo anser. Video degenero viduo curiositas spoliatio assumenda. Sed cervus voro. Sit colo vesper caritas admoneo. Assentator tempore ustulo crapula calco somnus. Cui accusamus virgo tricesimus. Voco capillus testimonium harum volaticus. Adipiscor sursum demitto amplus nam ascisco amiculum viridis demum. Thermae acer argumentum solitudo aspernatur velit civis debilito amicitia explicabo. Corpus ceno asporto error vesco ducimus. Accendo depraedor attonbitus conitor vindico terra suadeo umerus cruciamentum tumultus. Optio vulpes tamisium eveniet angulus vulpes coniuratio turbo. Confido vestigium laborum conduco considero volo sollicito spoliatio velit comitatus. Desipio talio caste. Teneo ustilo amiculum paens sumo. Audeo unde fuga. Calco alius facilis conservo consectetur coniuratio aedificium.

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