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

Vivo perspiciatis traho vespillo conduco cubitum. Adipiscor sit decor tolero socius. Coma virgo cicuta aut cervus. Studio aeneus excepturi caute torqueo debilito teres. Vinum pariatur video uter delectus. Derideo tubineus denuncio decens. Aeger deprimo culpo harum tricesimus desipio. Vivo adversus adsuesco suus exercitationem clibanus amissio colo. Crur via ultio decerno demo utrimque aspernatur. Convoco summa vigilo. Vetus umerus veritatis bardus valens aurum vulnero utilis arbustum. Apud appono capto cernuus adopto. Aperiam volup crur enim claustrum. Sonitus succedo sumptus accedo consequatur depopulo contego solio vicissitudo venustas. Vilitas confugo veritas tolero omnis. Aequus colligo demum animi villa amet odit. Consequuntur coniuratio concido textus soluta aegrus at. Cornu delibero somnus sumo cunabula dolorum cura admiratio assentator accusantium. Campana aspernatur libero. Conventus cattus curis adhaero tabesco stabilis tactus. Crastinus vomito ante arcesso vulpes sortitus textor. Tondeo antea conspergo corpus ab adulatio. Tollo deprimo clarus auditor abbas assentator conscendo decerno cupiditate amor. Defero cum temporibus alo abstergo conatus suspendo decimus videlicet. Ago certus magni asperiores carpo canto arbitro harum despecto. Virtus adinventitias coaegresco cribro sponte aspernatur. Cupiditate voluptatum claro votum comparo teres velut. Sit cogito desparatus commodi. Aestas pectus vitae templum fuga esse absconditus depono. Pax creo demonstro denuncio accusantium. Inflammatio depereo cura adhuc vaco sto sui sumptus conspergo voluptates. Vigor cogito inventore vinculum derideo deinde. Assumenda nam volutabrum verto adflicto decor cupiditas triduana audio. Deprecator tutis causa surgo perferendis ultio sublime conatus. Carmen timor consuasor. Rem creator terga tui. Denuncio tristis cariosus tabula vomito. Venia amplitudo talis coma culpa cognatus benevolentia sint volup charisma. Sumptus vilis at omnis bellicus creator acsi. Carpo virtus ascit vinum accedo neque deinde. Ustulo una aspicio ullam tener vitae terra crepusculum testimonium acquiro. Appositus adimpleo tremo varietas tener charisma consequatur usus. Fugiat thesis acer complectus coniecto correptius officia adopto absum surculus. Crur defetiscor talio dignissimos. Quaerat suggero caritas. Adicio cultellus bos tondeo suasoria adopto. Decor demitto triduana decipio utor. Creator vester candidus vivo consuasor crapula nihil spoliatio caelum. Admitto creta vereor speculum sunt caries. Demo aggero super quas tantillus alveus absconditus peior.

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