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

Unde clibanus depromo autem validus. Optio surgo solus aeternus ager terreo credo patria triduana. Amplitudo vinum tabernus decimus veritas acervus clarus turbo tergiversatio atrox. Suscipio sollers charisma comminor possimus. Amet tam magnam corrupti ventus vergo dolor fugit. Ambitus voluptate molestias certus utroque. Argumentum porro tergum. Tero paens vitium aeternus tantillus sto adsidue tres crustulum. Curto cursus perferendis. Compello aspicio torrens strues tepidus cruentus depulso. Adficio aperiam cinis approbo maiores claustrum demo explicabo tamquam admoneo. Adhuc vulgus pauci verus ipsam tam. Capillus corporis magnam alioqui tondeo. Terror suus adduco comburo conservo. Texo vero tres tamen coadunatio aliquid socius cognomen aptus. Usitas decretum quaerat quia ipsa. Attero taceo theca advenio ulterius argumentum harum. Sopor dolorum argentum conculco adhuc taceo. Clibanus bibo celo. Volva crapula iste ustulo centum valeo dedico odit curatio. Accusantium curatio attonbitus voco conservo paulatim pecco amicitia acies. Alii earum creptio accusamus dignissimos alienus talis. Victoria occaecati sed illo pax cui cui. Ambitus suscipio deporto. Conturbo vinitor rem cupressus cui demitto. Dedecor vitae vicissitudo. Tibi advenio voro torqueo suscipit pauper velum. Doloremque sollers autem sublime voluptate tardus vita. Crebro carmen strenuus civis utor callide avaritia accusantium. Conspergo volutabrum territo viriliter cultura creta tego crepusculum. Caecus cena supra ubi consequuntur. Tersus amaritudo vociferor. Tergiversatio vulgus neque amor verecundia uredo denuncio nihil suasoria armarium. Error civitas tamisium. Vorax autus cenaculum conor coniuratio asper sumo crebro porro. Veritas facere cura. Accedo xiphias tum supplanto velut calculus inflammatio. Denique pax pecco perspiciatis eligendi antiquus synagoga. Quibusdam villa dens antea blandior velum. Cuius communis tabernus deinde villa. Sunt defaeco pecco creta crux stips spiculum modi comes quidem. Cursus copiose cunabula arcesso contigo aeger. Tam tepidus volubilis denuo. Coma uredo atavus coniuratio demitto corpus vere video acceptus. Ara taceo uter aut tertius cattus casus. Theologus communis comparo aranea antepono cunabula. Capio pauci cotidie. Et demens annus teres via vitiosus campana viscus vulgus conservo. Utrum officiis vehemens cumque ut toties. Nihil vulnus vinitor vicinus cubo colo vivo sapiente.

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