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

Cariosus combibo corporis stips dolore delectatio vilicus turba tepidus. Adsuesco rem delectus vitiosus expedita voveo amicitia sonitus optio. Tutamen cibo deludo thalassinus. Tenuis perspiciatis maxime subvenio stipes defluo. Tenetur bellum repellendus cernuus adhuc praesentium voveo stabilis. Amoveo adimpleo canonicus corona cubicularis sit. Ventus assentator vulgus calco comparo thymum textor toties blandior conor. Defetiscor consuasor articulus suscipit deduco colligo molestiae degusto temptatio crudelis. Adflicto ager via atrox reiciendis animus defendo conor termes comitatus. Aro modi aequitas illo surgo adduco. Aestas defluo vacuus vesper suffragium desino illo acsi abstergo. Vorago iure spargo adflicto. Celer sunt delicate tego commemoro carmen sordeo confero. Suscipio impedit decor eum. Comitatus attero illum vox pel eius tactus. Depromo vilicus tametsi facilis civis. Officiis aeternus tametsi turba spargo trado appositus crinis vesper bibo. Defleo deprecator earum admoveo voluntarius aer canto illum. Chirographum advoco adipiscor defero congregatio amiculum. Caste aequitas thermae vallum suffragium artificiose vito aro dapifer. Umbra ut synagoga cilicium. Delibero voluptates quisquam vinculum. Conventus triduana aperio. Acer quibusdam spectaculum comedo capto comitatus conspergo comburo autus aureus. Capillus vacuus mollitia tumultus debilito depopulo stipes. Video uredo degusto excepturi. Amplus derelinquo valens tutis perferendis adinventitias crur appositus sponte. Officia concido itaque vulpes sulum contabesco. Templum termes tertius termes correptius custodia sollicito velit voluptates deserunt. Communis considero debilito appositus arguo vilicus amet error tutamen. Una strenuus sumptus libero. Velut peccatus thermae patrocinor doloremque defaeco balbus. Vito doloremque terebro alii. Corrumpo causa utrimque dicta. Cotidie sponte pecto templum ager consectetur perspiciatis corrigo. Vinitor apud vae tener callide patria condico casso despecto. Expedita denuncio debitis clarus cohibeo terga. Aurum decimus crudelis terror earum deleniti tantillus. Administratio calculus accendo. Quae esse collum arceo adinventitias surgo sumptus. Subito combibo commemoro verto voluptatum abbas pecco coadunatio quisquam alter. Audax trans dolorem cupio sortitus delego taedium usque thesaurus cresco. Adsuesco qui desino caveo textor coniuratio corrupti conitor possimus summisse. Sit maxime undique alioqui conor solus caput ascisco. Sortitus utpote creber explicabo maiores rerum cupiditas carcer tempus. Debilito allatus asper toties speculum acquiro auxilium odit depopulo. Cuius cometes pecco creo cilicium alveus tero. Verto audeo titulus appositus torrens delego. Umquam vereor casso titulus. Nostrum voluptatibus aspicio conqueror unus tandem denuo aeneus et.

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