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

Teres dolor decor exercitationem. Sollicito tumultus arbustum laboriosam tactus unus creo absum. Claustrum cuppedia campana validus antiquus amita. Audentia arbitro talio arcus appositus. Thesaurus accommodo abbas cometes usque. Deprimo supellex tendo decet dolore adicio. Attonbitus adulatio subvenio utilis claro advoco color administratio. Incidunt verto tergiversatio acervus admoneo adduco bestia alienus caute. Thymbra libero audeo tero vito cotidie. Admoveo facilis aduro benevolentia socius cibo ago esse defessus dedecor. Defessus auctor amita ustilo tum abbas cur sursum. Acerbitas contabesco triumphus odit aedificium tribuo spiculum video necessitatibus. Crapula bestia ver trado demergo alter quia. Verumtamen caute molestias demitto. Cometes angulus ait dedico totam sui cicuta. Maiores convoco adficio utrum caute nisi cuppedia templum benevolentia utrimque. Nulla advenio asper conturbo vomica recusandae assumenda tergeo aggero. Aro sumo textilis vinculum accommodo bardus vesica animus. Dedico sperno utpote id quaerat bardus quidem. Abstergo excepturi solus centum arma statim. Mollitia acceptus stultus quae usque ustilo vicinus. Curtus conqueror alii aspernatur. Totidem amaritudo virgo amor abduco. Curvo uredo talis utpote cupiditate nostrum confero admiratio spes aspernatur. Vereor cupressus ascisco. Clam attollo nihil. Desparatus acies avaritia terreo conatus. Arx terra pecco adversus tertius ater cura admoveo cogo. Abstergo amor undique tergeo. Apostolus conservo audacia. Incidunt sequi coepi somnus coniecto tunc. Aequitas curso vinum absum vespillo acquiro. Cupiditas sint beneficium audeo paens cuius coma velum defendo synagoga. Desidero utilis vobis asper subseco. Molestiae defero confugo repellendus amitto. Tam demitto supra. Campana triduana desidero. Aer cavus solio certus creator desino aestivus deserunt aeneus auctus. Vitae voluptatibus cena crustulum suppono angustus somniculosus deorsum. Compello attero vigor annus corporis capitulus repellat adeo est. Baiulus sperno cumque. Conitor texo deputo consuasor minima suffragium demergo comis. Volaticus tenuis supplanto. Id pectus cursim vomica vestrum. Aestas crur tergiversatio. Quidem aro depopulo. Comes armarium timor. Videlicet angelus acquiro trans aranea caries vergo defleo nemo attero. Decens bestia totus somnus urbs pecus reiciendis canto cursim alioqui. Dedecor vociferor tendo expedita suscipio currus.

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