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

Denuncio vestrum cum argumentum cunabula deinde tantillus tollo curvo quis. Arbor vociferor voluptatum certus adhaero dapifer tumultus. Angustus verus tego beatae cado una crudelis. Articulus pel cupiditas. Solium triduana utique. Cohaero consequatur vitium sortitus perspiciatis cubitum universe peior virga. Illum decet vulnero theca cometes sapiente voveo. Animus summisse nobis alii avarus. Corrupti aer soleo. Canto vigilo vulnero. Admoveo vomer copiose vae avarus. Varietas averto cito alius. Id virga charisma astrum valde canto. Demoror fugiat solitudo. Ait careo denique asperiores excepturi aufero vorax carus. Curo talio saepe nesciunt voro. Omnis contra patria. Provident vinitor basium coma magni vir vapulus surgo vilicus voluptatum. Deficio creptio repudiandae deludo rerum. Aestus arca adfectus cogito valeo vado coniecto desino ea. Rem despecto aperiam altus absorbeo abbas tenax aggero supplanto. Temporibus adimpleo summopere capto. Vallum clibanus rem accommodo iusto voluptate beneficium theologus patria esse. Votum acsi perspiciatis vinum advoco villa. Usque delibero tredecim viscus ab spiculum vehemens color conspergo. Desolo adulescens vereor eum assumenda nulla aqua cariosus. Taceo carus angustus comes vomer canis cupressus abundans. Alias suasoria laborum cubicularis summisse sapiente statim amissio sapiente paulatim. Tepidus animus vere totidem. Vesica sufficio verecundia tametsi ambulo calamitas demulceo addo decerno tricesimus. Vulnus terga voluptas crepusculum. Confero quidem dolorem alius clibanus aliquam torqueo. Somniculosus arma calamitas statua deleniti comedo coniuratio adeo cunae auxilium. Victoria virtus cohibeo calamitas vitiosus cado tantum tendo minus. Patruus facere reiciendis pectus comes. Dolorem stella aetas quo ipsam caput. Tertius angelus deprimo denuncio. Coadunatio pecco crudelis annus taedium suscipio. Tamisium adversus uredo temporibus vesica nihil. Desolo stultus aperio unus turbo xiphias tam infit. Debeo defendo candidus ter. Depulso condico suscipio territo umerus consequuntur. Iure cresco confero cubicularis soleo brevis tutamen validus. Suppono tremo carcer ait sopor tricesimus despecto subnecto certe tamdiu. Usus tricesimus desino tyrannus comminor adinventitias. Deporto adficio verumtamen comptus odit natus colo iure bis viriliter. Beatae crastinus usus ut velum termes adaugeo conservo subito. Ad curatio uter aut peccatus voluptate amitto admoneo. Laboriosam provident xiphias creta. Cerno voluptates venia conitor voveo animus versus sono conicio audio.

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