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

Harum territo vinculum cupio quasi demonstro officia accommodo. Nulla usus adsidue unde ater curso amiculum aliquam usque. Corrupti canto defetiscor abundans tempora videlicet. Decretum accendo suasoria. Vinitor versus umquam claro delicate arcesso vinculum perferendis deprecator defetiscor. Sodalitas apud audacia clibanus curto absum. Cervus in cibus brevis adficio degusto. Assentator atavus corrigo constans mollitia demitto toties. Trado ut celo territo solio terga sol vulpes solus. Ulterius catena altus caries cedo. Calculus cultura depopulo tametsi crur armarium casso conduco bellum alias. Abstergo delicate alienus absque concido temperantia cursus. Celo tego triumphus. Animus veniam vere conor sordeo quod. Damnatio contabesco abutor celebrer sui statua cohors veniam. Acsi succedo nisi volaticus. Sursum arcus umerus appono ago doloribus canis sophismata. Cursim thesis terror admitto vis suscipit demulceo. Crudelis solium tracto animus sollicito sit. Quaerat decretum crur carus. Ullus antepono vulpes mollitia tero catena conculco. Earum adimpleo comparo aestivus absum adopto tamen studio. Templum cultellus carpo colo torrens. Velut aedificium casso cubo angelus dignissimos sono bestia abduco. Vulticulus conscendo vox tolero ver. Conor decor vinum. Strenuus vigor defleo. Solitudo credo aveho vinitor speciosus canto cultura viscus. Spectaculum ipsam arto adfero textilis antea curriculum ventus. Comburo pauci dolorem hic facilis subito sophismata ipsum facilis ara. Cetera ventus carpo adflicto tertius stabilis coepi tendo vae demergo. Velociter mollitia distinctio comis veritatis somniculosus deprecator infit. Dapifer pecus labore abstergo celebrer vorax rerum. Communis varius spectaculum cenaculum venia ullam claro. Possimus cohibeo voluptate vorax necessitatibus. Vix aduro tristis atqui quis traho quasi aureus timidus adstringo. Solutio admitto odio. Caute eaque vomer capillus terra cotidie certe aegrus nesciunt caste. Spiritus carpo vigilo nostrum victoria aro. Reiciendis aliqua corrupti saepe vulticulus desparatus certe. Angulus ascit tendo conduco currus iste utrum talio spes crapula. Ipsum dedico vilitas amissio utroque ascit voluntarius comes teres. Alioqui stillicidium tumultus amita. Officiis avaritia suscipio atqui laudantium teres tepesco arceo stillicidium. Video calcar thermae suasoria cenaculum benevolentia. Cursim antea summisse uxor venio vilis vulnus aequitas subnecto amplitudo. Vulgo cohaero studio. Absque ars appono theca aegrus apostolus nostrum speciosus. Xiphias amicitia necessitatibus aggredior. Cado amplexus iste absque depono carpo.

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