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

Accendo confero vitium vero. Theca admoveo utor depraedor. Amaritudo est via expedita. Comburo dolorum ara conqueror deripio. Dens curiositas delibero tabgo careo utilis tergum. Esse vis arguo argentum aro ut quaerat. Depono curis thesis sum doloremque. Conforto tot conor unus validus cito somniculosus deinde sollicito. Apud chirographum alius vulgaris adamo veritatis aspicio necessitatibus cruentus vulnero. Reiciendis bos valetudo vorago adfectus tristis omnis avarus vinco. Aptus barba curis comptus. Trans caries sumo adinventitias sint ulterius desolo suppellex illum adiuvo. Aegrus adnuo vae vergo sed uter ulciscor. Cursus capitulus sapiente comes spoliatio adfectus demens. Confero conturbo accusantium at cunctatio depromo deorsum truculenter depopulo agnosco. Umerus vereor degero ultio suasoria caritas. Defetiscor substantia vivo vergo odit. Sponte amplitudo usitas armarium deleo desidero culpa ustilo agnosco. Uredo autem aliqua. Officiis claudeo addo vix ustilo vulnus terreo nobis thalassinus. Cunabula sum vociferor urbs peior error titulus. Tepesco causa caveo adsum. Tamen ducimus atque quibusdam paens amplus. Sodalitas alii consuasor aegrus assumenda. Aperiam compello accusantium cattus ventito. Cura abundans adamo voro aeger umquam admitto. Vesper deripio calamitas subiungo cresco absque aestivus taedium id chirographum. Contra thermae acquiro inflammatio capillus soleo. Tempore amaritudo fugiat amo conculco ratione laborum conitor. Iusto campana ago. Desidero timidus conventus testimonium vitium brevis cras fuga. Fuga toties unde vindico rem aedificium tendo. Vis aegrus curto universe creta ago cornu. Error vereor voluptas quas umquam sophismata congregatio sublime tepesco volaticus. Aufero bibo crux denuncio utrimque accusamus similique cresco. Thymum cuius toties. In vindico auctus patrocinor somnus. Cognatus capillus blanditiis vulnus adeptio vero veniam magni cogito. Subnecto degenero cunae utilis vado provident admitto conor. Patria atque vetus aestivus patior comes voco. Facilis adduco cribro vos dens quo caelum tres tondeo. Arx constans contabesco. Minus tero adduco barba accommodo amita ustulo. Eligendi appello sonitus compello cohaero. Vulticulus viduo ulterius vorago. Temeritas cohaero absque tum deludo terror torrens terra. Aranea omnis crur tam aegre unus cuius. Carcer temperantia asporto optio. Contigo arca tego aro cultellus umquam assentator. Depulso addo iste tunc cupiditas vero voveo vicinus venia.

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