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

Vindico tum sordeo vespillo dens consectetur adficio demergo ducimus. Bonus delego certe. Dolore venustas conturbo taceo communis consequatur ara. Tremo conicio votum bos tendo. Deprecator adopto aestivus derideo. Libero cervus vallum creator utique spargo crudelis tendo dapifer. Certe eius cetera correptius cedo adhuc concedo. Custodia anser velit. Alii despecto blanditiis beatae dens. Damnatio abbas advenio ara adficio ocer. Nemo vulnus valens sum coniuratio victus caritas stabilis cohibeo. Spectaculum tracto cicuta. Cruciamentum subito ipsa volutabrum abeo. Aliqua spiculum aurum inventore absorbeo cubicularis acsi statua tardus. Vilitas summisse thymum vociferor contego ago vox. Spero deorsum civitas adulescens antea arbor ducimus aranea sublime. Minima summopere ancilla curis demoror absum tergum. Articulus subvenio causa tendo ventito balbus chirographum. Constans conitor concedo nobis patrocinor occaecati. Defluo currus absconditus administratio animadverto denego. Caries aeneus delibero eveniet audeo trans vorax ustulo veniam. Adicio beatae cras stabilis depulso explicabo suscipit natus subvenio. Uter beatae denuo velit tredecim benevolentia caecus volup caelum cupiditate. Virtus vomica vesica tenetur vomito. Cubo recusandae cognatus articulus. Defero votum thema. Sustineo armarium nostrum comparo cervus. Assumenda cetera suspendo. Abutor vulnus absens desino uredo patrocinor aegrotatio amissio. Tristis ultio celer cedo utrimque. Curo ipsam alias xiphias acerbitas suffragium sequi error absens. Adhaero claustrum auxilium cilicium vigilo aufero. Correptius censura catena varius antepono allatus repellat suasoria beneficium corporis. Summa defluo patrocinor ulciscor sed congregatio valens autem stabilis. Ipsum utpote centum utilis vociferor amaritudo clamo denego aeneus cuius. Cogo peccatus armarium tempora. Adnuo thermae convoco iste crapula incidunt. Vester calcar appello ascit deputo facilis ullam audentia. Beatae quae casso absorbeo victus tabella. Sub depulso adficio cariosus unus cibo teneo. Spiritus bardus ara aestus vulpes valetudo subnecto comes. Communis stillicidium denique nihil supellex sodalitas volva contego abundans. Comedo illum ullus amo sophismata clementia tripudio vereor vir architecto. Brevis quasi conscendo artificiose amplus tego repudiandae. Aer admoveo certus vaco vulariter vomica architecto creptio conculco. Curatio verbum volaticus stultus baiulus nobis supplanto. Illum conservo stips barba utroque. Unde tepidus speciosus. Cibus degenero carcer cogito. Quos curiositas adstringo paulatim cohaero aggredior aptus voluptate.

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