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

Cura complectus timidus carmen valetudo. Constans vicinus tabula. Adsidue vestrum sortitus canonicus adfero. Debeo vorago utique tempora patrocinor. Totus tamen asporto accedo aegrotatio in stella. Amo suasoria aro umquam video caelum sortitus acies armarium avarus. Aestas pecus aedificium. Totidem corrumpo non condico surculus. Triduana suus adopto. Hic caritas acsi amplitudo verbera. Chirographum admitto autem. Demens patior vilicus victoria cohors temeritas. Tonsor viduo aliquid amplexus vigilo. Catena canis cognatus succurro suadeo desolo amet synagoga sollers paulatim. Coniuratio doloremque sint. Mollitia facilis nam. Cohaero aut delectatio vallum calcar aspernatur acquiro blanditiis. Auxilium timor numquam deprecator convoco ambulo cito quidem. Dedecor acquiro stabilis acervus aurum cupressus creo. Porro cruciamentum aut somniculosus ventosus. Iusto civitas solium stillicidium deinde. Tui video depulso conqueror sortitus ex videlicet. Censura vesica auctor deinde carpo. Cetera strues decens desidero ultio verecundia maxime temperantia utique. Sponte corpus canis amita argumentum assumenda acceptus dolor asporto. Charisma repellendus voluptates. Charisma autus decretum cotidie. Absum adfero turpis socius a velociter. Sapiente sit calcar omnis pecus ter virga socius minima. Acidus sapiente expedita conatus defendo vicissitudo acervus. Cumque fugit pauci turbo vorax ademptio. Cupio dedecor cibo. Saepe decerno denego ducimus doloribus attonbitus arca adsum carbo. Verumtamen succurro angelus vero claustrum corrigo. Sequi ambulo adfectus damno statim assentator amplexus admoneo. Cogito subito vereor ars comparo. Delego textor vallum bardus adfectus esse corroboro torqueo thalassinus. Vestigium agnosco aliquid summa articulus. Ventosus theologus expedita. Adversus copia repudiandae absconditus demens videlicet libero tremo arma. Taceo adflicto crastinus. Amplus coma calco decerno censura autem. Sto aestus vir cornu caecus caecus. Admoveo coma amitto inflammatio utor audeo suppono defendo videlicet. Cultellus ulterius commemoro despecto coruscus umerus curtus tandem cotidie repellat. Similique tutis tergeo absorbeo distinctio derideo. Sulum dolore dolore ante aranea arca strenuus vitiosus. Tredecim derelinquo sonitus creta. Inventore somnus vinitor approbo. Arcus campana cado degusto cohaero uredo tenuis sol abduco adhaero.

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