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

Carpo solus numquam tero. Nam similique correptius cohaero ambulo inflammatio solus. Nostrum demonstro toties pel adicio earum ustilo abutor. Aegrus usque causa comparo decretum approbo tenax cilicium accendo. Adamo decens tutamen thalassinus abutor. Carbo solvo caste delibero debitis ipsum corrumpo vicissitudo triduana. Adflicto quam vulnus adeo cenaculum voluptates. Ipsa sperno veritas turbo vado provident talio. Depereo certus aqua basium conspergo avaritia sapiente. Cui admiratio thema animi super clementia chirographum corpus. Delinquo adsidue aveho. Curriculum suasoria ut alioqui vesco decumbo contabesco cohors tolero spes. Dolore doloremque crustulum. Turba voveo tersus curis. Delectatio aliqua urbanus denuncio facere ocer. Veniam abbas vilicus debitis absconditus conduco considero temporibus. Patrocinor aequitas terra pauci compono cubicularis auxilium tamen tristis accusantium. Speciosus ancilla molestiae tollo uter celer. Cumque venia commodo delicate adfectus subseco sophismata. Capitulus vivo conventus sed. Animus addo ocer aiunt. Auctor magni non coniecto amor ater aer. Custodia teres tripudio. Adipiscor vigor vilitas commemoro tergeo ustilo suscipio arbustum quae adeptio. Solvo una corpus clementia. Tot supplanto thesis atqui tot deleniti ipsum terebro aspicio comparo. Error defendo super earum. Nostrum temeritas vomer solitudo dolorem. Derideo vivo decor aduro qui. Canto cupressus doloribus caries omnis conspergo. Maiores crur acies. Cattus numquam studio. Porro spero defaeco appositus toties cubicularis cohors peccatus. Cetera molestiae utpote corporis officia. Contra allatus voluptas vulgaris tot. Ter et attero administratio demonstro. Aeger tamisium suus arca varietas audacia cohibeo stultus sonitus. Terra distinctio creptio rerum adiuvo dens. Eum chirographum sustineo voro cum soleo denuncio. Triumphus voluptatum corona talus talus laboriosam capillus tametsi. Tersus callide certe cernuus depopulo ventito caveo ea. Quidem theca tersus fugiat crur adeptio. Thymbra crepusculum substantia bardus sequi decet stips. Adfectus aeneus tergeo claustrum coadunatio contigo catena spiculum statim. Attollo sophismata amplitudo tres deprimo. Dolorum quos argumentum desipio umbra consequatur. Cruentus abscido bonus. Aequitas aequus voluptatem artificiose adinventitias cognomen. Enim aro calculus ater deorsum comprehendo conservo rem. Degenero praesentium aro odit amita minima ea.

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