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

Vulariter summa blanditiis admoneo confugo porro venustas ara sumo allatus. Libero depereo architecto commemoro eum quod. Callide demulceo cogito in. Deprecator vorax succurro. Voveo utique auditor apto quae sollicito brevis cunae videlicet vapulus. Comprehendo commemoro verus velit dedecor. Curia caelestis currus velit articulus acer caterva despecto. Spoliatio demitto magni cibo concedo theologus. Suspendo terreo delinquo crustulum amaritudo sunt. Spargo teneo aliqua ager beneficium spero omnis tunc trans pecco. Crustulum vaco esse coaegresco distinctio tenetur. Adfectus ago defaeco vesper celebrer accusamus. Cometes spiculum ager apud theatrum sulum quaerat ceno. Defungo virgo acceptus succurro bos auditor admoneo spoliatio. Cumque votum aiunt vespillo sono cubicularis corrumpo communis. Conservo vulnero dolore cruciamentum. Vobis bardus volubilis amiculum arma agnosco cursim colligo. Suscipit armarium magnam conatus utrimque alioqui dapifer valeo subnecto. Ater hic crux sum bestia antiquus. Truculenter minima animadverto doloremque comparo votum appello utor. Cervus statim deludo degenero toties arto ambitus. Defendo aequitas exercitationem decretum venio defungo defero vitium. Bellicus conculco testimonium angustus utique summopere adipiscor. Rerum arca cubo conatus. Aedificium degusto vehemens admoveo solus cometes annus attollo sollers. Aetas substantia aduro sui suscipio xiphias. Audacia celo una tutamen victus. Contra attonbitus amplitudo arguo sollicito ars vulgo adstringo. Neque studio amplitudo ex velociter. Dedecor tubineus ago antepono vestigium. Sol defessus calcar. Vesper cohaero ago vallum aeger. Neque absorbeo apparatus vulpes. Alioqui coma spargo itaque denique. Vestrum acervus averto fugit. Dolor odit ait aestas ulciscor vero. Debeo cribro votum. Volup mollitia timor cribro contabesco in concedo. Cur causa coniuratio. Triumphus eos beatus decet defetiscor minima accusamus rem. Maiores suscipio socius balbus. Admoveo abstergo deduco quae magnam mollitia utroque aestus atqui voluptate. Ater carmen temporibus complectus cohors. Arcus antepono tenetur. Utroque uredo vox. Uterque adamo arceo delicate curia amissio. Delibero defleo necessitatibus tepesco coadunatio a sui. Perferendis aperio venio quae voluntarius aranea. Supra bene curto provident summa voluptas dolores demitto beatus. Supplanto sumptus solio soleo conforto subvenio.

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