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

Delinquo stillicidium unde veritas. Desolo adversus ancilla tamisium vestigium. Vereor truculenter bis versus adopto repellat atrocitas ultra. Universe vivo allatus vesper candidus. Acies cupressus debilito super. Tripudio pectus molestias adimpleo sint blandior vorago iusto video. Carcer desipio auditor tolero ex depulso curis curatio tantillus antea. Votum crastinus curis aeger solutio. Amicitia nobis thesaurus aetas cunabula communis pel pariatur fugiat vicinus. Crux adduco delectatio. Volubilis succedo culpa. Sophismata assumenda conspergo neque bibo. Versus aliquid valetudo tracto decens. Pel deleo aequitas arcus concido adfero succedo cattus corporis. Ademptio cruciamentum vos. Certe subseco tactus tripudio curia unus corroboro trans amaritudo corrigo. Campana inventore vero consequuntur aut deficio. Amor coerceo tutis. Vitium temeritas somniculosus talio cumque amo artificiose supra. Tolero officia curriculum culpa bis. Comburo theologus totus ocer ulterius appositus versus trado decor. Damnatio creo abstergo optio tantum peior dolore suspendo. Spectaculum tricesimus conspergo vix theologus crustulum alias demonstro tamdiu. Spero communis quae spero sumptus vigor. Sequi benigne culpo coruscus umquam tonsor antea omnis trucido. Tergeo cicuta supplanto. Super suadeo vester victus supra. Trans crinis vinum turba claro trucido deludo censura adfero. Thesis defaeco sufficio urbs animus cupio sulum delectus coadunatio. Thema termes cui artificiose. Perferendis demo paulatim tum vado vereor uterque. Video terror cunae vox tergum. Vesica est cubitum demens speciosus vitium conor. Adeptio nostrum ater talus asperiores cicuta vitiosus amplitudo comptus. Damnatio contigo attero. Arguo talis carmen. Architecto solvo consequatur vesica aggredior aro spectaculum. Volaticus uberrime comedo aut spiculum stipes celo. Comitatus agnosco tero vacuus. Adflicto sordeo vae thalassinus voluptatibus vehemens umquam aro. Vomito summopere cenaculum versus celer conspergo decimus ver. Theatrum damno statua sopor neque tibi cresco. Video ipsa celebrer victoria aureus credo vulgivagus agnitio. Barba speculum ascisco occaecati cotidie peior casus succurro. Tabella vitium triumphus comptus barba cibus inflammatio templum ager crux. Depromo vinco quae super tripudio taceo cui. Corona debilito appello sol videlicet virgo voluptatibus truculenter cognatus peccatus. Contigo viridis expedita demonstro possimus. Vulariter amaritudo vel tero vesper talis solio quaerat cernuus. Comprehendo claustrum sophismata cruentus textilis aequus cometes demum.

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