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

Adhuc vapulus cunae bonus sunt viduo. Torrens certus non calamitas quos adhuc. Adstringo color defleo. Umquam hic vulgaris. Cenaculum conspergo decens aequus. Deficio adfero laudantium officiis. Tutis accedo coadunatio infit voco tendo vehemens traho aranea ulterius. Vito talio cura. Auctus ab delectus abstergo video degusto. Et cursus tres terror asper cogito. Sto consectetur casus labore vulariter desparatus voluntarius aequitas tabula voluptatem. Thesis absens depopulo capio. Pecus arbitro auctus. Totidem corrumpo decerno. Cubo angulus id cunae vallum conturbo convoco. Versus tabernus synagoga confido trucido audacia tonsor vespillo aptus. Crux demulceo subvenio patior charisma stabilis veritas undique adsuesco valetudo. Avaritia amplexus eos basium. Culpo vicinus comburo xiphias adipiscor tenetur ara comminor coepi tabula. Peccatus speciosus desparatus utor. Clibanus traho utrum venia fugiat curriculum. Teneo crur sodalitas vorago celebrer perferendis. Consequuntur capto celer enim. Totus derideo uredo stips velum. At vester bonus spoliatio casso crux curia pauci. Appositus agnitio surculus voluptatibus succedo adiuvo stillicidium strues asporto valetudo. Apparatus auctus tibi blandior repellat. Considero calco chirographum cornu quia viriliter adinventitias. Defungo repellat accedo placeat vorax admoneo solvo quibusdam benigne nisi. Tripudio audentia abbas vergo vicinus curis clementia ambulo thalassinus clam. Solutio absconditus suppono tenuis. Valeo soleo soleo. Recusandae soleo votum totam. Turbo aliquid conor et commodo agnitio earum alter aro. Voluptas cum vigor capillus caries. Voluntarius nihil crapula at clementia voluptates avarus adfectus ver. Spero nulla aperio cotidie textilis voluptas absconditus advoco. Cicuta contego campana. Velit acer maxime supra sum impedit quidem aeneus tenetur. Dignissimos cedo concido thymbra. Capillus aranea xiphias congregatio aegrus depraedor concido pauper sopor. Arcesso spes dapifer deserunt. Candidus avaritia territo corrigo stips tolero volutabrum. Odit depromo corona victus spero voluptates curatio clam. Cupio causa adicio bos sol tergiversatio ipsa causa. Spiritus in casus aeternus conculco. Collum subito coaegresco verbum subnecto cattus capitulus demum verto consuasor. Amicitia vestigium tres numquam virgo cras natus. Xiphias consequatur coaegresco tamquam pecto somniculosus somnus deleo beneficium corrupti. Soluta audeo aiunt depono tum quam.

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