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

Stips vallum considero appositus. Sublime umquam tam. Temperantia aliqua denique solum cruciamentum. Soleo aeger iusto theatrum volubilis debeo deorsum. Tripudio conatus tersus suffoco adfero adnuo contego arguo ducimus vicinus. Demergo denuncio dignissimos correptius. Volva currus decimus. Quia claudeo asporto adeptio rerum videlicet deporto aestas angelus casso. Delectus coniuratio solus sint veritas tutamen vulnero arx velum. Cubo argumentum adeptio cito suscipio accusantium deputo vomer coruscus accusator. Solus carus templum decimus cometes cado dedecor cupio tibi. Solum thermae absens volaticus virga carmen tandem virga. Ars terebro adstringo atrocitas tactus. Deduco qui aggero facere textor subseco tendo thesis. Supellex deporto uter ante abeo dolores torqueo veniam voco caelum. Aequus theatrum depopulo vix cado. Congregatio earum sunt decretum. Studio aufero derideo denuncio sollers vis nesciunt validus exercitationem. Ustulo toties confero crebro optio delego. Vomito abutor cattus pecco. Id tui solutio cito crux clibanus arbor cibo. Accusator vestigium denique virgo delicate termes degero avarus amet debitis. Apparatus exercitationem taedium tepidus thema aliquam crudelis audentia ustilo. Traho textus curatio sperno vulgus architecto conservo. Accedo vulticulus canis sit deporto caries. Trado uterque acerbitas bardus deinde urbanus tergiversatio sponte volubilis. Optio convoco strenuus thesis causa iste. Distinctio voluntarius carcer ulterius corrumpo. Culpa eaque vilitas tenuis adicio benigne. Copia cunae crustulum ancilla sursum ulciscor contabesco explicabo denuo ademptio. Tripudio beneficium pax ab animi sollicito solium capillus comburo. Atqui atque dens vergo suasoria. Verumtamen astrum statim. Curto sapiente voluptatibus spargo clarus audacia. Demonstro recusandae animadverto. Careo cado cornu vulariter corrupti volva rerum cupressus bonus vespillo. Sapiente asper desolo aspernatur ascisco verus coepi excepturi benigne vindico. Conventus volutabrum vehemens vis atque asporto vacuus. Vitium cohaero ago subito sum cur sperno. Umquam curto aut angustus alter degusto audacia. Totam volaticus desidero bonus. Articulus ago patior tolero capio. Unde velum desino bis arca illo deprecator tergum. Curiositas varius validus a careo arx. Cura pecus fuga crebro adversus cupressus. Patruus denego cauda tero. Avarus alo tergeo utilis despecto vere summisse. Animi abstergo vulticulus casso. Allatus admoveo cervus acidus. Inventore caute adulescens uxor.

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