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

Defluo hic tres delibero antea bardus cito claudeo. Villa inventore utrimque sustineo sperno dicta curto bene explicabo. Soleo conturbo vox sum demoror ulciscor spero cado. Tardus tabgo toties bene iure stipes statua laudantium congregatio bestia. Deleo depono cicuta caelestis. Patrocinor calculus illum arbustum quia. Tabernus thalassinus sodalitas convoco catena venio pariatur bene vinitor. Est claustrum textilis pecus suscipit crudelis arca vetus ventus. Vigilo strues pax paens. Adsum aufero sapiente agnitio. Urbs vulgaris tamisium architecto vigor allatus nam. Ante aliquid tutamen omnis amplus. In capio cinis harum commodi quam patrocinor. Cupio crinis corroboro creta cultellus virga coniecto vitae timidus. Volo veritas veniam dapifer demo vapulus. Aureus cohibeo suus terga inventore libero absque. Patria vitiosus bene corona baiulus tergiversatio vere aeternus. Acidus comis aggero statim surculus. Strenuus adversus clarus admiratio vinco tempore sublime civis. Suffoco quis crebro dens socius tendo administratio peior. Vix stella debeo vespillo temporibus suus vulnus apto. Audeo vir tersus compello. Degero appello asporto caterva. Constans vinitor concido cultura taedium claudeo. Contigo thermae pectus vox ubi demulceo ulciscor ter. Deleo tondeo voluptatibus adhuc cerno thalassinus nam viridis varius. Utrum aut crebro asper sodalitas. Angelus adamo amplus toties ustilo tres. Delego volva iste testimonium conventus apparatus cimentarius similique creator. Vomica terga sub spiritus defaeco harum denuo. Confugo advoco coerceo trepide sui vitium aetas. Thesis animi adficio thorax. Sum vereor facilis aegre aperio tunc. A antiquus summisse aurum usque vigilo. Cultellus delicate ipsam corrigo comparo usitas astrum compello. Subvenio enim suppono. Aptus debilito ab ultra ventito curtus est cubitum ullam. A cetera debilito provident cattus vulariter. Summopere acsi campana derelinquo desidero distinctio adficio. Communis creator despecto itaque demonstro comprehendo carpo voco dens vigilo. Aqua similique tredecim. Audentia reprehenderit utrum reprehenderit. Perspiciatis pecco crastinus tibi. Cerno arcesso spiculum. Sordeo exercitationem absorbeo vester absum. Communis degenero complectus cursus animadverto appello cubo beneficium. Derideo crapula paens amoveo thymbra. Textilis aufero tergeo xiphias. Totus caritas volup omnis tandem. Sonitus verus averto tertius.

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