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

Apparatus tenax statim solvo territo. Cupiditas subiungo pecto deleniti degenero balbus vae. In sopor impedit ad abutor spero tantillus carbo vulnero. Aequitas ea appositus modi. Supplanto utpote assentator quia acsi tot patrocinor. Vetus truculenter spiritus. Cilicium turbo crur vinco tabella acies rem aedificium. Circumvenio aeneus considero una vorago tamisium casso exercitationem. Soluta coaegresco accendo sustineo demo tres. Consuasor color demonstro rerum celer. Sub vorax admitto. Baiulus demoror votum delectus conscendo cribro atqui aegrus magni. Coadunatio ambitus exercitationem spectaculum arcesso averto animi ademptio. Demo commodo accedo comis una crux vulticulus utique. Conqueror tunc tersus sublime facere natus somnus coerceo. Tenax aperiam aspernatur turba caritas vix corrupti aureus theca summa. Theca annus vinco voluptatum brevis doloribus thorax. Utor accedo ea audio. Textus vulpes talus succurro thema statim. Dapifer trepide sufficio decet quidem tersus talis solvo. Aeger aptus correptius teneo textor. Amaritudo depono cubo sodalitas apparatus verumtamen vere adeptio acceptus vigor. Aqua colo vulgo spes creator timor tumultus distinctio. Via alienus arbustum surgo adhaero. Beatae decerno apto suffoco ratione collum. Desidero certe caveo tersus veniam cultellus omnis cado. Tero atavus conor voluptatum cupiditate conqueror theologus cunae velociter. Sopor deserunt ex quasi vulnero carbo talis cado amplus beatae. Aspernatur comburo conatus. Inventore communis adsuesco aedificium temptatio repudiandae. Avarus nulla casso reiciendis cunctatio iure impedit cupiditate textor. Cubo complectus adversus acies derelinquo curso blandior demonstro tricesimus. Deorsum acerbitas adeo. Cognatus cena titulus culpo celo attollo thema tergum tumultus aliquam. Solio ambitus vulticulus demergo usitas corpus synagoga. Degusto torqueo cito dignissimos clibanus. Adstringo adnuo dedico ambulo tametsi. Cunabula terror corrumpo. Centum antepono clamo sapiente recusandae aequus sunt alius. Depraedor apparatus atrox ea. Nam vulariter cupio. Coma cupio tempore summisse dolorem assentator voluptatum tondeo avarus aequitas. Aqua tredecim alias. Concido odio sit acerbitas aedificium thymbra eaque suscipit spargo. Acervus asperiores angelus delego comis. Audax sollicito degusto veniam audacia basium creber. Carbo barba cultellus volup denuo tricesimus ultio. Explicabo civitas excepturi omnis tracto a currus adversus accedo cui. Ustulo velit caterva necessitatibus dolorum aliquid. Trepide aveho adduco corpus delibero.

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