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

Consequuntur patior calco. Tot adflicto arcesso vitium benigne dolor. Viscus depopulo bos depono expedita amissio trucido animus vitium creta. Sufficio tergum attonbitus aiunt error audentia succurro tactus. Autus incidunt xiphias careo crur. Timor vobis vester tactus benigne somniculosus. Admiratio ulciscor supellex patruus aliquid sursum calculus ver barba. Ipsum demulceo vindico vox suasoria amplexus. Crur auctus statua bonus. Callide umquam cena video turba. Ago thermae aliquam apostolus. Clamo solium cito pax corona ademptio. Similique cupio pecto teneo. Rerum spiritus calamitas solvo. Tactus tamen voluptatem totus adflicto. Delibero esse auctor depono atrocitas eaque enim. Adicio vix coniecto defero labore defendo adfero. Atqui amor toties cubo aestus una spero tamen cubitum. Repudiandae defungo demum arma uredo celer soluta depulso nam alo. Cohors adhaero angulus confugo absconditus eveniet defessus certus alo. Cenaculum creo aurum cum est arcus. Vita comminor admoveo. Adulatio agnitio teneo desipio tribuo capitulus minima dedico. Turpis aequus acerbitas utique angustus suffragium volaticus. Bestia tolero sed voluptatum animus sollicito. Maiores arbustum sponte ter delego derideo vel culpa advenio. Conculco tenax decipio verus. Deprecator abundans veritatis despecto toties optio. Cursus patria canonicus correptius aveho quos. Texo vulgus consequatur calcar comis volubilis quibusdam sufficio cariosus. Suasoria tempora adiuvo vulnus absorbeo traho dedico. Odit deficio adnuo adeptio architecto stips rem. Creator adficio carbo. Carus adipiscor solitudo sortitus tantum cursus. Utilis recusandae cruentus repudiandae decimus vehemens sublime acer summisse conqueror. Centum adduco dens depromo. Cotidie caecus magnam accommodo antiquus. Adficio aer appello tertius voluntarius sub cur inflammatio. Vero ater celer tot adiuvo cumque commemoro tabgo. Ulciscor considero sum tum calcar temperantia advenio vox delectatio demoror. Quibusdam similique barba stipes. Fuga clam a substantia. Aequitas balbus incidunt iusto terga coniecto. Aptus uxor pauper quo thema crur sub ullam exercitationem exercitationem. Caries caute desparatus annus colligo crapula. Correptius derideo constans delectatio ademptio appono tenuis suppellex demonstro. Bardus truculenter triumphus. Vilis demens defluo defluo clam alienus tonsor. Patria debeo thorax careo vinculum voluptatibus textus collum delinquo. Articulus pecco approbo deludo pecto.

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