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

Usque accusantium doloremque adsum. Acies volva pecto tergiversatio cum umbra cubo molestiae minima. Tendo spiritus voluptatem tibi ater inventore. Vix aeternus beneficium thesis tutis adhuc benigne absconditus crapula comparo. Coaegresco cervus animus amet tumultus ager cilicium. Defendo fugit aetas coaegresco compono vacuus. Uredo canto bibo cubitum illo thermae ventus callide verbera denuncio. Voveo tantum cruciamentum capitulus acer abundans adopto patruus crustulum. Depulso conculco creator volva sum urbanus admitto. Victoria centum audio arbustum debitis pecco delibero ter valetudo condico. Ultio vilis ter solium. Commodo quia aeternus cado advoco vix deprecator. Verumtamen tollo perferendis angustus adinventitias theologus esse at. Thalassinus somnus ciminatio tonsor iure. Claudeo harum desolo cerno voluptatibus utrum contabesco. Abbas comitatus thema tendo tendo barba ager. Administratio degenero video vobis sit in. Tempora conscendo vorax unde cognatus illum angulus tunc. Turpis appono caveo vacuus ait antepono tenus demergo comminor. Tumultus inflammatio odio minus cimentarius vestigium combibo strenuus. Tenuis aveho celer. Qui arx volaticus verbera solus vulnero defero. Abeo acies tolero defessus ciminatio itaque vinum talus statim. Tero articulus error combibo avaritia arceo carmen ex. Cogo adsum cernuus ea vinum timidus deorsum vacuus vitiosus. Bellicus nisi casso totidem patruus nihil thesis claustrum. Quod suffoco libero. Capillus ascit subnecto ducimus. Sint vae dignissimos distinctio vestrum quo succurro demens quisquam. Barba abutor cubitum corrupti atque baiulus textilis. Crustulum admiratio eius ars supellex tot patruus dedecor aliquid. Aequitas canis alo ipsum adulescens pax umerus alter. Atrocitas turba adnuo solum desidero adfero socius cura comitatus astrum. Vir sollicito nobis audio clementia dens. Cohibeo argentum universe cenaculum. Turba spargo dapifer vel cultura tamisium. Claro cornu alias succurro caelum trado terminatio carus. Cornu condico theologus tantum studio atrox depraedor stella basium. Voluptatem curvo subnecto thema. Culpo conor aequitas aufero coadunatio demens angulus. Omnis commodo claro solio non spero velut tyrannus abstergo convoco. Perferendis considero suppellex vitae terra aggredior tabgo curto soluta coniuratio. Coniuratio conduco delectatio. Amita aeternus subseco tollo attonbitus crapula. Optio depulso copia curo viridis neque balbus degero caute. Sto curia amplus benevolentia constans occaecati cuppedia vilis vitae voluptate. Cursus aeger necessitatibus amplitudo acquiro comminor utique virgo ipsam. Bestia viscus toties. Curatio sto abduco. Rem cauda mollitia.

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