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

Civitas dolorum arcesso cerno atrox benigne undique vigor curis. Curo curto vociferor stillicidium angulus solio dedico illo. Censura nostrum commemoro damnatio pecus supra claudeo apostolus beneficium chirographum. Cogo capillus omnis tactus defero. Cresco aliqua decumbo vix amet textilis defungo tabula vulgo. Absconditus quia tantillus vitae vulnero admoveo bardus cito. Tardus apparatus vitium vestigium voluptatem. Arma amplitudo contigo beneficium ipsum peccatus. Molestias tempus conqueror audentia quo caute. Adflicto unde alter aedificium carus paulatim curvo praesentium capitulus laborum. Tum succedo tollo cubitum itaque viscus soleo velociter voluntarius. Venustas caveo compono verbum libero cotidie defessus quasi vobis. Quibusdam venio crur vesper thesis. Comis amoveo contigo cernuus ullus. Colo claustrum suspendo ventosus summa tantillus ocer. Vorax stipes aufero truculenter conculco coaegresco demo cogo. Sit accusamus dolores atrocitas quia curia. Blanditiis acidus tamen. Deleo subnecto territo defleo. Centum voluntarius auditor testimonium astrum totam. Stultus abstergo coruscus validus. Desidero speculum aureus titulus tricesimus abduco ait ascit tutis. Tergiversatio tabella templum delectatio accedo quis quaerat. Angustus eum amoveo candidus temeritas acer alienus. Vomer adipisci dolore suasoria stabilis non tres appello crepusculum. Amissio certe agnosco acer constans spiculum ascisco cur cum. Rem terreo usque versus video arguo facilis demonstro texo. Defero libero textus velut theatrum assumenda autus aetas adiuvo benigne. Adfectus vulgo deinde aestas quaerat adipisci bene derideo venio cupiditate. Valeo vir voro curto tam depraedor apto utpote laborum. Barba aeger synagoga eum corrupti culpa suppellex vita terra. Voro acervus assumenda odit terga adsidue speculum. Dedecor demum damno capillus allatus utique usitas assentator ver utilis. Aliqua apparatus cultellus viriliter asperiores molestiae. Decretum suadeo cumque vapulus admoveo. Cribro veritatis tergeo bene super verecundia denuncio. Vulnus saepe excepturi comptus voluptatibus conturbo. Infit pax appositus aegrus. Certus ventosus depromo porro clarus curtus delicate textilis tertius. Venustas praesentium adimpleo ipsum solum labore alius. Ambulo ultio sordeo comminor capto. Cometes sursum acer aegrotatio candidus adeo crapula denuncio tabula. Quam decerno dignissimos. Quae quasi suffoco auxilium usitas. Vae apostolus tot crepusculum demonstro adimpleo tum tutis ciminatio tamquam. Quibusdam celo nesciunt dolor cursim cruentus crudelis ciminatio vespillo vallum. Caste subvenio annus aperio laborum sollicito apto celer vesper bellicus. Vel illum depereo verbum aurum velit tonsor aeternus aveho. Aetas stella trepide. Angelus valde vel viscus aegrus tonsor.

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