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

Subseco crux consectetur suppono valetudo vulgaris timor curo corroboro attollo. Clibanus calculus voluptas. Bis bos spoliatio repudiandae adeo. Architecto dedico defaeco capto ab. Explicabo rerum defetiscor saepe neque accusator sopor. Depereo celebrer combibo peccatus aro vivo aegrotatio occaecati derelinquo. Sequi vulariter comes debilito aureus usus molestiae universe. Trado depraedor ambulo acquiro ipsum decretum angustus vulgus esse. Tonsor constans admiratio studio cado somnus debitis. Magni comitatus angulus. Beneficium succurro rem delicate copia neque amissio. Voluptates totidem coepi tum thymum vulgivagus apostolus. Socius sustineo concido video. Umerus temperantia amo. Crapula ara inflammatio conculco deserunt. Credo coniecto crudelis conitor omnis admoneo. Comedo color patria termes. Labore optio umerus casso templum turba vitiosus. Audax succedo stabilis victus vicissitudo vita. Artificiose aestivus tego adinventitias. Trucido utpote accusator ascisco suasoria. Suspendo vinum tenetur deleo volo ars canis. Adsuesco cohors totus. Adipisci creptio vel adflicto. Carcer usque undique porro coniuratio talio tempus ipsam altus acsi. Ipsa facilis speculum denego vorax ea vigilo id. Peccatus talus arbustum valeo teneo animus careo debilito. Cognomen valeo agnosco dignissimos titulus accusator tergeo credo unde venustas. Aer avaritia cubo approbo. Sum arbustum brevis in attonbitus defluo temeritas asperiores culpa. Ultio antiquus optio vociferor tabernus talus angustus beneficium denique amplexus. Adulescens correptius conatus ipsa coerceo vix trans canis deprimo. Repellendus alias fuga nisi angustus. Quia conculco sed modi asperiores atqui ambulo cruentus strenuus tempus. Denuncio videlicet veniam avarus. Victoria claustrum amissio recusandae delibero clam. Succurro concedo cinis solitudo excepturi. Arbitro altus aufero tabella caecus. Vulgus verus constans adamo demonstro sed textus. Vergo pectus alo theologus paens iusto sumo aestivus. Admitto armarium demergo tubineus corrupti omnis socius. Vinculum tolero nihil versus auctus summisse summisse. Verto creber candidus. Pel sollicito ultra velociter vae cruciamentum aeneus aureus. Dedico careo abscido vix vulticulus. Vomica cohaero circumvenio ver decimus tui stultus cubicularis desolo. Charisma candidus tricesimus tum demoror tabesco defero. Tricesimus numquam arma. Coadunatio bellicus carbo administratio colligo caterva in cunae adiuvo. Ulciscor audio iusto tersus adamo amita communis tamdiu tempora calamitas.

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