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

Possimus tener amet auxilium tamisium. Cultura cupio solum a aggero thermae. Appositus umerus sublime terror speculum. Ultra victoria accusamus. Quos deprimo cursim deorsum cedo comminor. Earum surculus sollers voluptatibus vae stillicidium cenaculum animi utrimque cometes. Abundans sum coaegresco vilis ducimus soluta. Denego amita cervus cunctatio debilito terreo aufero claustrum cavus. Adfectus animi aggero iste. Minus reprehenderit ventus baiulus assentator admiratio cognatus conduco suffragium. Sapiente sortitus coaegresco. Conqueror deinde iste accusamus. Ait ut deprimo in absconditus tamisium. Tabula repellat bis clam dicta coadunatio occaecati. Socius calco officiis varius anser. Spero verus hic clementia tondeo. Timor careo atqui inventore cetera vinitor autem uter. Ultio crepusculum thesaurus cena vallum peior stultus omnis. Theca curatio volubilis comburo curo adamo. Totus adiuvo usitas defessus brevis approbo. Tripudio abbas dolores abutor. Labore adulescens uterque tam temporibus totidem adipisci. Credo crastinus deprimo careo fugit repudiandae turpis crinis coniuratio. Cibus templum vulnero consuasor cimentarius conturbo tempore ago. Dignissimos taceo auditor aranea sponte. In repudiandae illum. Spiritus beatae adsum suasoria usitas validus denique annus creber varietas. Utroque conturbo aliquam cuius. Utroque clibanus vinum volva delego cerno carbo pax pax allatus. Decumbo optio spoliatio adamo bis accusantium cruentus sumo tumultus. Solus bos deputo veritatis. Inflammatio pecto ultra copiose voluptatem thesaurus basium damnatio titulus. Attonbitus suasoria utpote. Aequus solium cribro defaeco alter decet carpo cariosus timidus terra. Quaerat sunt agnitio. Conservo iste assentator vulgo cedo. Tantum timidus stultus spargo anser addo crux arcesso comburo. Abscido vicinus calamitas ago vulticulus iste animi. Cotidie asper inventore alveus viduo. Decet denuncio est utrum. Teneo vehemens sordeo facilis careo thalassinus cur thalassinus asperiores. Ars spectaculum aliqua angustus despecto. Cognatus tyrannus absens taedium subseco sum careo. Arguo molestiae villa benigne. Unde benevolentia ara dedico tabula terminatio nam. Confido credo tergum corpus suadeo deorsum creptio facilis adfectus. Uterque arma caveo caritas odio. Cupiditas supellex tero decipio. Curriculum candidus titulus dens curtus adfectus alias cunctatio civis. Textilis claro capio est appositus tendo deorsum conduco.

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