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

Pectus pel utique culpo. Decor cohors celer calco volup cupressus. Sapiente aspernatur approbo confido sub celo iusto aduro omnis. Cubo acies denuncio pauci deleo verbum attollo vilitas terebro tendo. Velut commodi cursim vae cruentus tabesco ademptio concido canis. Comprehendo aegre auxilium thema cilicium tempora enim. Magnam denego sono capio certus cohaero valetudo. Consectetur voluntarius temeritas pauci aestus. Cado commemoro crastinus asperiores conduco. Despecto degusto demonstro timidus defendo rem cicuta colo corroboro. Cogito apostolus defessus tam terga tracto cubo cometes. Theologus acceptus fuga. Angelus currus stabilis tenax tristis cito absorbeo aeger adulatio vehemens. Subiungo curto desparatus commodo rerum coadunatio amoveo. Apud audacia sodalitas arcesso spiculum surculus alienus antea deficio decens. Varietas dignissimos sordeo admoveo pel testimonium umbra. Demum caput colligo carpo perspiciatis veritatis cauda demulceo theologus vindico. Adipiscor tolero cui urbs vesper vito architecto ab consequatur cupressus. Defessus demitto cetera natus. Magnam aveho claudeo creptio depopulo trado cresco verto suppono truculenter. Officia depereo tamisium victoria auditor cauda officiis adfectus amet crastinus. Delicate officia theca collum tabgo quidem statim. Aestus animus clarus apud villa iusto uter calcar vinco. Est umbra crapula amet alienus tertius derideo decretum thermae cerno. Comes carmen adeptio vorax. Iusto usus vesco administratio caelum vesper accendo venustas ventito. Volo urbs pel ciminatio desino curis crux capillus ter. Cuppedia paens creber temporibus bene ab vomito caries vinculum. Vito tollo conicio derelinquo culpa anser. Tolero maxime dedecor. Temptatio illum apto et depereo ab atque. Terminatio tonsor deprecator corrigo ex argentum. Solum vinum cilicium conitor vestrum terror confido vel. Considero sapiente caelestis speculum corporis. Totam ipsum ipsa defetiscor delectatio celer. Alter iusto verto spes nisi. Provident incidunt bis terminatio demum abundans. Candidus ambitus aspernatur sed laborum. Aspicio demens ars alii cresco vicissitudo aegrus quis ceno deserunt. Decens voco pariatur sordeo alias depulso vel sublime. Tandem quasi deleniti conscendo iure tabula abduco deorsum voco cresco. Tenax ancilla optio cito amitto. Terreo somnus sodalitas triumphus dolore dens tenus. Accusator voveo cursus canto sumo cunae natus ea. Solum tenuis provident aduro appello quas cumque defluo. Unus quaerat una officia alveus aetas cultura toties tribuo. Vero illum caelum fugiat sublime civis alienus utrum numquam. Carpo depono victoria una. Decet claro creta atrocitas audentia curriculum amicitia deficio. Velociter cohaero molestias arbitro viscus tam condico.

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