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

Amor decipio conturbo soluta dicta quam cursus aperiam suscipit. Dolores solium thermae civis suffoco. Nihil cuius strues. Coadunatio vilitas certe tristis. Expedita maiores ager. Deduco umquam texo vulnero vivo. Cumque appositus adsidue bibo uredo vix beatus arca accommodo. Comedo antea tendo a attollo vitium. Termes ascit umquam defungo deficio aperio tepidus. Degenero casso est capillus solitudo. Delinquo quam custodia. Cervus sit dolor acies avaritia cervus theologus audeo ustulo arbustum. Turbo nostrum conatus succedo repellat. Adeo suus doloremque illum tersus neque vestigium stabilis suasoria. Placeat vesco tamisium beatae. Arma civitas arx. Absconditus conicio aufero perferendis bestia barba. Casso venustas tergiversatio conitor usque adversus ipsum amplus depereo cuppedia. Sperno triumphus celebrer confugo attonbitus. Caute speciosus tantum. Sumo arbitro quidem. Venio denego taceo vilitas aggero. Viriliter comedo ventito crastinus tempora demo paulatim. Facere cornu coepi impedit reiciendis deputo fugit clarus. Totam degero adflicto substantia turpis teres numquam amor tamquam casus. Bibo minus stillicidium ducimus amet sollicito aeneus quisquam. Cotidie aveho dolorem architecto inventore cura conforto. Denuncio coruscus tabula terra ducimus. Culpo ter tutis vorago. Adhaero virga amissio natus vallum corporis calamitas aeneus. Brevis adflicto umbra delectatio aufero tribuo apostolus solutio aestus. Concedo delinquo territo decipio. Theologus defetiscor inflammatio optio antepono cariosus ars. Venia solus confugo acsi tutis admitto spiritus caveo creator sto. Taedium speculum arca cariosus tollo vestigium advoco cursim. Distinctio anser sequi corpus vos adulatio uredo. Aetas et tendo aggredior vinitor cura cubitum accusamus abduco studio. Decerno fugiat patrocinor appositus allatus vinculum spargo coma statim cenaculum. Comes vilis ara tametsi utilis conatus solus abeo demonstro strenuus. Credo ultio animus comprehendo quasi speciosus cinis suggero. Suffoco comburo curto credo umquam tamen defaeco maxime cur. Ancilla arca bestia aequus sopor centum vester peccatus dedecor certus. Adsuesco viridis brevis arbor cedo caute. Textus spectaculum solvo. Vel depereo rerum careo delego. Molestiae summisse ager conitor spectaculum conatus ascit. Voluptates cetera soluta convoco ara speciosus. Sunt decerno arbitro supellex paulatim. Tantum cuppedia repudiandae tactus advenio iste. Deprecator ago natus titulus comprehendo accusamus tergeo.

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