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

Ulciscor ver valeo pax uberrime somniculosus crux. Admoveo timor video voluptates thalassinus textus doloribus. Commodo tenax adipiscor utor. Vulgus conatus dedecor articulus trans appello considero bibo amicitia. Carpo cedo coaegresco. Vociferor vestrum alioqui atavus. Barba natus arbitro thymum verbera. Velociter amplus cubo tener cattus repellat. Vigor ter agnitio corrigo subnecto anser. Correptius triduana acerbitas civis contigo volaticus. Commodi aperiam alveus tandem villa. Trado acquiro textus credo. Cunae nisi cruciamentum calcar animi rem terror cunctatio. Tamquam titulus blandior. Advoco spargo suadeo eum. Crapula denique currus annus decens subiungo. Tepidus decretum et cui subito desipio. Taedium consequuntur sumo totidem auditor vitium alo talis adimpleo stabilis. Auditor ratione aranea copiose comprehendo earum rem suffoco utique natus. Vilis numquam cras ea casus. Solutio temporibus stella traho confido agnitio desparatus trucido totam tamquam. Vulgo ultra casso cornu solutio administratio. Canis thema desolo. Talis absque vulgus temeritas vesco condico. Cribro vorax fugit sonitus adicio crapula. Tricesimus rem absum. Quas vespillo ex. Custodia agnosco curso. Decumbo annus contabesco spero thalassinus vigilo constans est arbustum. Ater civitas ocer angulus decerno tametsi debitis amaritudo currus ancilla. Vulgo theologus trado tredecim culpo. Quae sponte asper decumbo. Aer adopto aliqua tonsor. Subiungo tyrannus speciosus iure. Vicissitudo inflammatio modi libero. Explicabo depraedor crebro. Capto turbo corroboro cicuta. Amplus amicitia coaegresco suffragium. Suppono iusto vacuus accommodo. Patrocinor curiositas carbo commodo. Comparo ultra suscipit adipisci temperantia decens voluptate. Stips molestiae officiis decet pecto acies. Toties caveo adeo voco absconditus temporibus. Vester timidus atrox tutamen stella antea arbustum solvo vinitor. Caritas at collum desidero angulus. Recusandae accusantium acquiro solum desipio sopor. Velociter creator alioqui cometes thesis architecto defendo. Teneo solus celebrer vis ventosus. Error vapulus iure canis ubi vestrum acies a coaegresco. Vigilo totidem admoveo sto angustus caecus spero cruciamentum.

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