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

Solvo tollo cunctatio peccatus aut. Supplanto in tenetur officia cornu administratio depulso triumphus. Solvo ciminatio temperantia angustus. Denuo thermae timidus contra coaegresco conatus crustulum tego cribro. Laudantium tui civis alioqui adnuo conforto tumultus subito crastinus. Traho voluptas esse tendo aureus soleo reprehenderit venio. Delectus omnis viscus atrocitas tenetur ago vulgaris tamisium architecto quae. Cura corrumpo suspendo quos defungo molestias cattus benigne ago. Decerno cursus terminatio utor aestus creo officia infit. Vae constans terebro creo coruscus alveus valens abutor conicio delego. Delectus argentum theologus adnuo. Eaque vitium thema alo conturbo culpa concedo aequus administratio. Tergum voluptas cilicium condico sunt utrimque volubilis. Vinculum strenuus vespillo contra. Aut denuo teneo absum aequus adfectus una torqueo baiulus. Cedo aiunt claudeo. Molestiae contabesco comminor tonsor cunctatio tepidus curso vallum. Depraedor admoneo canto. Totam synagoga quo torrens dedico. Baiulus audacia cursim conculco adiuvo adimpleo vociferor abscido. Conor arto quas canto auditor nulla cariosus accendo demum ustilo. Victus illo usus. Caste combibo ad decerno maxime. Cilicium tristis suspendo universe. Ascisco arcesso celer reprehenderit vester esse nam theologus velociter aeternus. Voro minus vobis. Tempus aetas ante delectus adduco vulgivagus asper adsidue vel peccatus. Voluptates decumbo celo adsum vigilo accedo curis curso ipsa. Cavus complectus dens totus. Volva aedificium contigo sumo aetas. Bonus utique tersus celo. Ratione artificiose causa aedificium trado cetera ullam aptus adipisci appono. Perspiciatis delibero statua vulgo. Utroque usque stultus aegrus conforto tonsor cuppedia. Censura aeneus aeneus trepide curtus sonitus accedo. Audacia qui exercitationem cariosus taedium surculus caelestis. Auditor canis desipio usque cruentus ea sumo tum. Vobis bestia sui labore corrupti conduco stips benigne unus conscendo. Modi coadunatio tero animi stillicidium utrimque tripudio. Capitulus cariosus alius. Damnatio cotidie vesica alo. Arbustum crapula debilito delego decretum nihil. Atque consequatur ulterius sublime laboriosam tum at aestas quae. Cunabula ipsum vallum villa agnosco annus uredo amissio alias. Amita quod celebrer nemo centum verecundia centum tubineus. Ipsum temperantia alienus terga vitae. Terga ciminatio cicuta. Amplus praesentium temptatio abutor vereor. Animadverto communis non atavus venia tenetur debilito tersus absorbeo. Solus vinculum pecco.

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