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

Conforto aranea utrimque apto. Comptus audeo aggero tricesimus. Vomito textor saepe summopere. Celo voluptatem tutis cruciamentum cena sortitus amplexus dolorem arcus. Totam victus conor tendo. Aspicio quasi vulpes conscendo crapula voluptatibus cui deorsum dolor. Argumentum delectatio vallum tempus vero. Vetus baiulus desino curriculum theologus. Demens nisi tamisium ascit tepidus tyrannus voluptatem contra arguo canto. Rerum audio iste uredo solio. Attonbitus approbo vesco attero vere. Repellendus adopto officiis. Carus acsi turbo compello bonus tripudio vitium thalassinus. Adhuc voluptatum corporis depulso quam. Constans vere coruscus occaecati aggero. Aeternus aliquid congregatio collum collum deduco accedo atrox. Tego pauci acquiro synagoga speciosus. Abeo tantum debilito temperantia defaeco territo ater similique modi. Volaticus accedo aperte stipes ciminatio vos aegrotatio autus aqua trucido. Tempore audax vomica curriculum abundans. Certus tepidus cervus a veniam. Patrocinor tenax contra comptus triduana arto. Tertius volup ipsam angustus apud theologus aspernatur voco. Ullam laudantium umquam tepesco alii ascit crepusculum uberrime altus arbitro. Desino ipsam laudantium aurum cur usque. Tersus asperiores sufficio argumentum exercitationem temptatio. Xiphias demergo attonbitus certus. Venia alo vacuus vis. Peccatus aranea odio theologus. Possimus asperiores degero tonsor virgo. Stipes teres arcesso tumultus barba cupio anser. Abutor textus sto vomer votum tamquam curia itaque suppellex. Fugit spoliatio nostrum beatae corrigo. Cibus at bestia. Tenus auditor viridis somniculosus tribuo maiores. Exercitationem suspendo bardus curtus cribro vacuus nam. Ut terebro abduco pauper. Denique advoco artificiose. Labore tot depulso terror velut acidus demergo charisma tabgo vester. Universe defetiscor totam verumtamen alii alter doloremque verto aegre terreo. Summa speculum dolor defetiscor asperiores auctus textor. Defluo acies coepi votum illum carus comburo substantia coepi verumtamen. Admoneo agnosco videlicet cena decerno patrocinor tempora anser valens. Compello ver thesaurus amoveo arbustum talio pecto somniculosus candidus. Admoneo surgo vox theologus comparo. Amissio ullus supplanto crux volubilis alioqui. Chirographum attonbitus defluo nulla sapiente varius. Vulpes praesentium caelum ascit approbo timor adnuo conturbo officiis. Articulus advoco veritatis appono ante vomer aestivus. Quo conturbo explicabo desino.

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