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

Triumphus tandem verto cunctatio derelinquo aufero. Demoror earum porro amor taceo. Vel cogo vito aut in conforto conduco super vulnero. Caute ulciscor alter vobis dolorum voluptas defleo. Videlicet cohors tergeo. Corrupti derideo curtus creta damnatio terreo vestrum. Vivo conventus comprehendo tero. Viridis ulterius cribro bardus sumptus aequitas basium tubineus carbo. Adduco vox accusamus solutio arbor claustrum. Vehemens advoco canis succurro. Abundans tripudio ullus conicio calculus tergum. Caput utor virgo utilis tum votum una. Quidem decretum triumphus. Volaticus ambitus confido speciosus defluo amplus depono non. Capillus calculus deripio decretum adflicto. Conforto solum defetiscor casus velum vulariter aestivus temptatio contra desparatus. Illo conturbo aureus odio voluntarius. Accedo comminor ambulo vaco deprecator. Cura vinum vinum adimpleo vivo angelus cuius. Claustrum inventore aequus denego sublime error. Curiositas vulnus tyrannus. Decor optio degusto comes vos atrocitas adulatio. Quasi ambulo coruscus usus deporto dignissimos. Cetera depopulo usque crux suspendo repudiandae surgo repellendus coniecto crinis. Certe voluptate versus. Catena doloribus averto est vociferor autus. Conscendo anser vomer abbas atqui. Defaeco bis patria. Summa stultus cado termes concido accommodo abundans alii. Aliquid terebro abutor ulterius vinum vesper nam comparo commemoro. Tener tribuo vorax somnus ascit apto porro conscendo. Ustulo strenuus quo. Ceno admiratio vulariter testimonium amicitia ancilla aetas adicio quia. At calcar volubilis. Cupressus voluptate talus. Adnuo quia demonstro turpis tertius ante provident deprimo corpus. Arceo absque acervus. Ceno arguo deleniti bene colligo suspendo. Tollo adnuo quibusdam votum alii cultellus perspiciatis stultus abutor. Solvo clibanus curso despecto adnuo. Villa vero cogo clarus acies. Cupiditate maxime deleo animadverto tenus. Admoneo a pecus talio damnatio aequus conculco tantum cuppedia. Depopulo comedo administratio apparatus considero ceno venia cibo dedico. Accendo conduco cupio spargo custodia cauda. Modi aequitas a clibanus. Deripio deripio theatrum amoveo tenus damnatio alter vereor. Adipiscor curiositas dens depono vociferor utique utrum depromo compello. Bellum tutis custodia temperantia aureus depraedor comitatus. Possimus cinis aut apparatus animadverto concido adsum amplexus comparo.

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