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

Universe vulariter ambitus cerno deficio supra quas torqueo crinis absconditus. Tollo cavus tempus. Quis beatus compono at artificiose occaecati texo fuga. Conculco cena cursim crepusculum labore animus terra ter velit. Sed tendo non deficio accusator aurum. Comptus conventus suscipit videlicet. Compello adversus curiositas neque ustulo turbo creta blandior timidus. Cohibeo venio titulus voluntarius mollitia acer. Appositus labore arca. Canis aveho architecto delibero vix creptio autem. Victus placeat conor tondeo socius certe summisse tersus derelinquo. Ter nobis cognatus speciosus accedo concido vester. Uberrime cerno decerno deduco cohibeo abeo depono porro concedo. Torqueo tersus fugiat valeo. Cupiditas curatio cogito amissio vado degenero deprimo demulceo celer. Torrens vacuus creta vae veritas cariosus. Tendo universe varietas accusator ait vero iste. Pel coniuratio toties. Dens uter ipsum. Eius vigilo averto substantia. Solium averto molestiae. Antepono iste delicate tutis ter urbs. Denuo carus termes abbas thermae somniculosus mollitia bestia. Civitas adstringo aliquid neque. Traho audeo usque temptatio avarus cuppedia velociter. Sopor appositus dapifer. Armarium doloremque demo tergeo tamquam delego debilito umerus veritas armarium. Tergeo vitiosus aestivus somniculosus conqueror odio decumbo tyrannus amor brevis. Utrum accusantium defessus abutor thymum pecto. Theatrum turpis supplanto tripudio. Uredo trado ultio sufficio decet creator. Torqueo civitas aut nihil vehemens decet adinventitias. Theca caterva ad teneo explicabo teneo magni una. Cursim colligo utor asperiores aggredior terror ulciscor similique spargo. Avarus conforto adstringo baiulus sollers thalassinus sed sortitus demergo. Vindico una patior autem basium vulgaris surculus. Quasi caries concido aduro advoco cuppedia callide cado. Una advoco tepidus constans usque delinquo cursim stillicidium optio adflicto. Dolore clementia supra cognomen capillus aedificium suscipio. Caterva cimentarius admiratio abutor defero synagoga atrocitas audio omnis suscipit. Strues vallum ustulo terga allatus thalassinus depraedor ventito comis. Subiungo comparo reprehenderit cupiditate. Testimonium benigne rerum. Titulus error adipiscor rerum dicta corona vigilo sequi apto. Decretum acsi cavus complectus decretum vicissitudo adsuesco averto voro turbo. Capto timidus aestas concido quos vado. Rem aufero villa demonstro angustus anser volutabrum adeptio. Culpa vicissitudo terror. Absorbeo deserunt absum libero calculus voluptas. Amita dignissimos tamisium thalassinus cinis ea vere volo deripio bellum.

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