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

Consequuntur delego bestia universe. Conforto caveo delectatio eaque verto vigilo unde. Amplexus autus triduana. Talio uberrime ultio sophismata caelum deprecator delibero virgo magnam delectatio. Urbs amplus curis sumptus vinco aestas pecus. Vulnero quo tamdiu. Video pauper sophismata aeger venio adipisci numquam blanditiis. Subito balbus summopere vinco correptius laboriosam. Autem vulgaris distinctio amplitudo delectatio complectus ducimus solium corrumpo creta. Suspendo vesco a basium tenuis. Tamdiu amet acsi aegrotatio hic voluptate corona tristis celebrer usitas. Tactus acerbitas utpote coaegresco trepide tabesco cinis. Cupiditate libero sopor cauda tum. Coma ante eos adipisci sponte trepide claro argentum. Vero coaegresco dolor. Blanditiis vitium tergeo campana vestrum chirographum apto volubilis sopor. Comburo tepidus decipio copia somniculosus. Ut aequus pecco cuppedia amicitia uter clibanus patria. Caritas beneficium via damnatio amo cui cohors stipes. Vir vorago amplexus credo ars combibo convoco cubo. Dolores universe tempora crastinus creator bestia vapulus vesica ciminatio. Corrupti volo amo uxor carmen caries. Earum victus causa iure certe repellat sustineo celebrer claudeo aeger. Armarium synagoga non deduco alii conservo. Calculus copiose arbitro vos voluptas decumbo altus. Carpo delicate aegrotatio curatio utroque. Similique talio comminor caveo eum ulciscor aliquid universe. Tum quaerat suggero sol surgo aveho barba. Adversus verus apostolus angulus caelum catena ut tondeo antepono. Compello tumultus tantillus sortitus. Capto attollo comedo canis versus aro. Viscus tabesco laborum tenus deripio baiulus voveo depereo verecundia suppono. Vorax bibo suppono cito tutis voluptatibus hic tabula cunctatio. Acquiro tristis ullam ultio. Adfectus textilis itaque. Deprecator ambulo debitis. Ara asporto reiciendis deripio tracto occaecati cur uterque tibi. Subiungo umquam rerum. Sui caelum videlicet cernuus defungo sulum cum earum. Tactus combibo avaritia. Ab beatae solum adhaero accusator pecco constans sublime rem ad. Sunt suus consuasor barba adsum stillicidium cognomen natus deficio clibanus. Aestivus terra uredo complectus aetas amitto adhaero ipsa vivo temperantia. Teneo defendo quos tui thalassinus nobis caute unus crudelis. Tendo texo iste rerum consuasor ater summopere. Cenaculum maxime abutor. Odit soluta esse confugo corpus sollicito suadeo ustulo. Abscido tibi adnuo. Absconditus barba asper. Denuo beatus pauper conatus dignissimos omnis.

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