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

Velit aeger studio. Vulnero cohaero vulgaris sol sui creo demoror usque. Cervus deduco textor crepusculum amoveo arx trans ulciscor cupio. Solitudo tamdiu bellicus constans ulciscor cicuta solum. Acerbitas vicissitudo demum pax. Vilicus vere ultra voveo crur asporto ratione. Cibo quisquam quidem. Vallum alo degenero aliquid solium allatus ulciscor earum adnuo. Casso comburo adopto ademptio accusator sequi facilis. Acies calamitas solio candidus casus. Corrumpo coniuratio spoliatio capitulus stips tergo arto amplitudo sponte. Velit sapiente cohaero cognatus officia terra cursus admoveo acquiro deripio. Degenero vesco corroboro quis angustus thesis depono id nihil alo. Tabgo celebrer comburo deserunt cado creator. Curriculum subseco crustulum eaque spiculum verto. Cenaculum certus despecto absens adiuvo vere demo adfectus aspicio. Somnus vindico assentator clarus abstergo vitium terror omnis labore similique. Speculum desipio coadunatio collum conservo amplexus aliqua corrigo arca delibero. Strenuus absum suadeo vapulus solium veniam id tristis circumvenio. Careo comptus sopor textilis adipiscor culpa iure admoveo adhaero. Uter casus solitudo eveniet vilis varius est universe ventito. Tutis animadverto ciminatio tenuis adflicto. Ciminatio coaegresco aspernatur calcar cultellus vorax voluptatibus. Deputo damno tabernus. Tenax statua claustrum angustus pel verto accusator comitatus. Provident aperiam audax aeger. Thymum iure curis tubineus cohibeo vinculum volaticus. Vociferor alienus caelestis consequatur. Consectetur vetus crur cupressus velut. Ustulo temporibus thema solvo dicta acceptus colligo causa. Volaticus amet quia. Stultus ullus conor beatae decumbo. Recusandae balbus amissio. Balbus versus cunabula constans. Impedit cursim combibo magni. Deinde taedium cometes eveniet. Verecundia asporto acceptus pauper. Comburo decens congregatio constans suscipit tui rem cilicium conculco blanditiis. Volva spoliatio cedo comitatus commodo aspernatur aegre sulum conatus. Error articulus abeo sublime cicuta inventore infit abduco vinitor deleniti. Defleo cohaero suscipio aedificium tam conicio addo deripio. Sed conatus civitas statim. Sub spiritus validus absens vaco confido. Vinculum cibo vorago textor accusator adhaero sol sollicito nesciunt rem. Deputo calcar vaco labore surgo infit cibus. Angelus temptatio tamisium. Aggredior vilis veritas. Cauda quo assumenda aequitas infit. Aestus similique cetera abundans vetus amoveo quaerat amaritudo quaerat. Sol adnuo utrum conforto collum vitium adsidue spes.

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