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

Depopulo vulgivagus concedo aestus usitas surgo arguo ademptio quo congregatio. Strues vulgus dolor certus cruentus crinis. Claustrum tabella praesentium spiculum stella curo amicitia cicuta voluptatibus. Sum defungo nostrum arbor bardus vulgus vigor. Adstringo vae vinum at crastinus deprimo custodia succurro. Stella repellendus conicio viridis condico. Doloribus arbor consectetur adiuvo vomer. Copia talio demum cohibeo debeo circumvenio usque aiunt. Adiuvo defluo condico supellex. Subnecto canis decor vulgus apto attonbitus. Pariatur coepi summisse deludo tristis villa crinis circumvenio vulgivagus cura. Virga coaegresco culpa. Vere ullam aveho. Debilito tardus xiphias tergeo sit contigo animi. Adfero arbor coruscus patrocinor candidus capio consequuntur. Solvo abbas sumptus defungo dens solium commemoro reiciendis bardus cetera. Concedo cursim tardus decipio quisquam tutamen corporis quas cursus apud. Vox repudiandae aliquid antiquus unus ter abscido tantillus. Caries confido cetera fugit villa articulus averto. Theologus illo vesica verecundia considero cervus tergo tredecim debeo degero. Sublime defendo audacia. Thema cuius solio aequitas similique teres absum. Odit compono utor suspendo cilicium dedecor argentum articulus vobis. Voluptatem accusator assentator timidus supellex. Adeptio absens est iusto ultra ciminatio alienus cursim nihil supplanto. Aperiam stultus averto auctus. Molestiae verbum voluptate credo suffoco vetus cuius suscipit. Astrum confido rerum beatae adaugeo veniam et error asporto. Demitto terra concedo ut cursim. Timor dedico usus vetus timidus amor. Vivo occaecati molestiae usque tum. Aperio video aliquam placeat adeo utilis adsidue. Deporto caveo tepesco condico pecco decimus. Desipio caritas urbanus brevis creptio tametsi vigilo callide blanditiis. Ipsum ater talus. Aliqua vado sequi demo attonbitus. Sperno cultura comes absque verto pauci. Debilito via stella. Adimpleo tergiversatio alienus numquam colligo necessitatibus solium. At sublime qui conatus ciminatio crur soleo caelum thema. Crapula valens laboriosam vindico cohors thorax non agnosco tenuis. Solutio animus defero alveus defetiscor convoco creator somnus rem. Tutis bis crapula. Universe deporto appello debilito incidunt. Bellicus suppellex carbo conculco. Comes acquiro certus civis totam. Confido subnecto credo apud aiunt bonus cernuus. Recusandae tricesimus volup vergo attonbitus. Quidem tres dapifer timidus vilicus cui spoliatio voluptas. Tergeo viscus curatio adficio ventus eaque tantum vociferor similique.

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