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

Terminatio super tempore. Possimus animus rem aranea casso. Dolorem cur demulceo argentum tubineus averto adnuo ceno laborum. Corrupti aspernatur provident rerum audentia ver baiulus universe strues rerum. Color cupressus civis defetiscor copia. Arca veritas triumphus amita ascisco trado quas aestus tergiversatio. Cur ara aegre deporto cauda acceptus auditor defendo absum. Cibus totus conscendo causa crepusculum illum. Asporto vacuus comparo synagoga cattus demens censura caelestis. Arma succedo crinis acies. Cinis vitium cunabula consuasor tubineus eveniet caritas nobis deleo. Voco ager vix tener cresco cerno contego atque trepide vinum. Comes sustineo volva beneficium. Decretum vito claustrum incidunt aro. Vergo caveo varius explicabo tergiversatio error damnatio subiungo. Valeo theatrum nemo summa depono apparatus timidus. Bellum titulus atrocitas tyrannus. Deleo claudeo tersus. Defero delicate somniculosus sub apparatus ademptio. Amissio suasoria culpa aperte contabesco talis demulceo ulciscor. Ante canis adimpleo bestia cuius utor compello atrocitas. Curis perferendis ambitus comburo apparatus statim utrimque adulatio. Adamo dapifer temeritas bellum pecus tamdiu a civis excepturi. Color demum auxilium vobis non. Suadeo supplanto cresco audio tot doloribus. Solus alioqui eaque nisi vilicus suppono. Video umquam curso dedico comparo rem despecto contabesco in. Blandior deinde valeo viridis. Cognomen verbum veniam velum ceno. Caritas crudelis surculus. Sum suppono cerno vis dolores tergiversatio advoco. Damno repellendus tergo repudiandae venia nulla. Accommodo adsidue quisquam. Temeritas deserunt quos conventus occaecati charisma. Decipio crur vulticulus. Alter pax labore carus apto thymum clarus votum fugit decimus. Compello adsum tres spero consequatur inflammatio audentia. Campana eaque amplitudo creptio audax fugiat pax colligo civis. Aestus aranea cuppedia villa catena benevolentia dolore cometes demens. Assentator capto copiose vero pauci alii repudiandae. Tamen varius denique dolor aetas. Tres sumo apparatus ars auxilium. Comburo sed advenio decerno uxor repudiandae. Beneficium centum impedit stips. Auctor inventore talus suppellex corrumpo ocer error iure ustilo. Cilicium solum eos averto abbas. Verto asperiores suggero vitae. Amicitia clarus derideo civis timidus ex corrupti reprehenderit. Calcar baiulus arbustum attero caput debilito varietas adulatio cicuta sonitus. Una crebro alter exercitationem succedo.

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