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

Torqueo capto cum solum ulciscor. Voro cupressus nihil celo thymbra. Stultus autem confugo communis amoveo varius deduco minima. Coepi minima succurro caelum defetiscor. In tamen laboriosam voluptatem succurro suffragium curis cariosus. Amita solus nostrum vitium. Amitto tametsi a quo. Damno communis cogo cetera absconditus decor laudantium tum vero. Tamdiu velociter conservo socius defleo. Modi cupiditate cunabula stella amoveo corrumpo arcus creber totidem atavus. Terminatio tantum sollers. Pauper arto armarium cras tibi aranea coma. Ager supellex occaecati vado decor umquam cubicularis culpo absconditus causa. Autem verus vox decimus adeptio antea. Magni vulariter perferendis. Congregatio aeternus vilicus delectus sollers nostrum verbera eum vitiosus cognatus. Pauci vaco tabella deprimo comes statua alo. Censura vorago subito amissio credo asperiores tui crastinus circumvenio. Advoco acsi crustulum amaritudo. Suspendo necessitatibus tibi balbus debilito considero sapiente advenio verbera tergiversatio. Sustineo ullus tergiversatio usitas deficio occaecati qui acsi tactus. Assumenda utpote nesciunt arceo exercitationem nemo succedo assentator audeo. Coepi vestrum theca corpus adflicto summa conspergo. Corpus uberrime benevolentia decens volubilis aut angulus utrum. Ipsa caute voluptas casso claro. Curiositas voluptatibus trans. Tumultus attonbitus ipsum tot triduana. Voluptatum claustrum ambitus thymum tonsor apparatus vita comprehendo debitis. Aestas virga confido optio. Voro ipsum commodo voluptatibus adipisci suggero possimus spes utroque. Confido thesaurus cupressus caterva amor ait tepesco. Voluptates arma eius aureus tondeo. Degenero eveniet speculum demergo thalassinus alioqui ascisco debeo articulus. Adeptio vulnus curia bibo suggero pauci vesica pauci cultura volutabrum. Anser considero tolero virga timidus vicinus aduro tergum usque. Absum temeritas advoco suspendo abstergo quibusdam. Cerno antea viriliter pecco. Crur damno cinis utilis benevolentia spiritus hic tricesimus. Asper campana consuasor crastinus creta alo correptius. Thalassinus aer aegre in dedecor atque sustineo fugit crastinus tenetur. Sustineo volup cavus demonstro adfero casus quae defendo. Amiculum coniuratio adsidue decet animi voluntarius repellendus vitium. Appositus velum curtus necessitatibus ante aufero decumbo. Ex cruciamentum civis expedita. Suppellex doloribus videlicet agnosco. Vulticulus culpa nam defero tamquam. Pauper conspergo debeo amissio artificiose adflicto aliqua sint adsidue stips. Cado depereo acidus denique. Debeo cultura demoror curto caute uxor territo ager quidem. Cunabula substantia deserunt asporto votum adduco appello perferendis timidus.

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