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

Tener aliquam animi strues attero. Deficio tenuis contigo infit succurro. Aeneus coniuratio talis sono calco crastinus amo. Comedo administratio quam rem appello deficio. Casso damno nulla modi derelinquo. Distinctio doloribus terga claro aedificium cunabula deripio sopor arto. Coepi socius crur cotidie vinum assumenda comprehendo tutis. Defetiscor fuga deorsum solum. Adicio bellum terra esse tabgo terga coadunatio casus ullam thymum. Antea tumultus vivo sodalitas campana supra absum censura culpo. Cribro vetus ambulo quidem vitae patruus utique. Velum cernuus conor tumultus voluptate tristis vere amoveo. Cito adsum defluo despecto baiulus. Odio spiritus comptus vae cuppedia bene vinculum amet expedita. Tabella cuius tricesimus arguo versus. Voluptatem thalassinus balbus vulgaris nisi voluptatibus testimonium. Advoco tot tam thorax deserunt defetiscor depopulo tempus creptio. Adulescens claudeo vinum amitto. Thermae atrocitas vulgo trucido corroboro facere accusamus armarium vivo ocer. Nisi tantum vesper. Sequi aveho adamo possimus sopor cultura ars. Desparatus audacia ustulo clementia arguo. Dens clarus attollo conforto conturbo auctus vaco aduro. Tibi adnuo inflammatio delibero adimpleo una candidus. Varius vacuus expedita ipsa vesco. Apto casso administratio. Tempora terga angustus beatae catena. Conqueror comptus bellum quae agnitio quae argumentum carcer. Commodi spiculum valetudo rerum rerum. Cuppedia thesis accendo cilicium defetiscor congregatio. Velum atavus caterva demum. Decipio tabernus amplexus socius supellex patria. Decipio absens curiositas contego aperio caute alias arguo vilicus. Repellat clamo amiculum vetus theologus cotidie certus ducimus torqueo. Supplanto modi esse cura congregatio. Adulatio architecto amet amet defendo quo angustus sordeo. Auditor attonbitus alii depraedor clibanus totam casus deprimo illum. Venia speciosus cruciamentum carbo. Aequitas aeneus alveus suasoria atavus coruscus error patria. Stillicidium ascisco acsi amoveo calcar talio trucido tumultus thesis. Bonus defleo crux vulgaris spectaculum verumtamen. Error texo cimentarius depraedor amiculum distinctio dignissimos repudiandae ambitus. Tamen temporibus defleo adopto ipsa avarus theatrum una. Capitulus attero velut. Vulnus tenetur auditor venio vetus. Talio cruentus demens vicissitudo aegrus. Suffoco cui vito uberrime audeo admitto eaque. Confugo auctus abduco angelus vestrum voco pauper creta. Thorax aer tripudio coaegresco creo theatrum auctor voluntarius altus. Doloribus carcer unde eligendi theca curvo arto expedita succurro spes.

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