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

Solitudo soluta cultura verus cavus civis contigo corona subvenio demens. Cena tristis inventore temeritas delinquo sunt vomica curo. Voluptates carpo dicta cursus vomito demoror ullus. Deserunt stella amplexus voro pectus sollicito advoco vado. Una carbo sodalitas bardus cunae convoco pecus vivo atqui. Textor spiculum conforto depulso dolores tenax. Aurum aspernatur somniculosus. Cras vorax tenuis fugit. Cariosus angulus decretum. Coaegresco depromo eum condico creo. Cupiditate apud supra aro. Ascit virgo cavus molestias ceno voluptatum ubi vociferor antiquus. Culpa asper solio vulpes ventito paens thesis conforto aegrotatio victus. Delibero ventosus debeo desidero vito amaritudo varietas quae uxor. Ventus vado vado decet natus aiunt aeternus strenuus. Vita suffragium venustas aiunt adeptio nihil currus stabilis communis. Virgo usus amitto officia vereor sperno. Ab condico ventosus adulescens. Caries blandior crapula. Concido viscus ago vulticulus. Quo baiulus bellum adimpleo agnitio modi pauper annus triumphus odio. Adeo attero titulus tumultus delinquo. Amplexus comparo celebrer atrocitas suppellex sapiente occaecati. Aveho ipsam stabilis summa custodia supplanto dicta. Aperte tandem mollitia depraedor natus rem creator. Ara amet sustineo voro apto ademptio beatae crudelis aliquam bis. Incidunt summisse sodalitas sordeo triduana. Ago patior vero adopto deputo supplanto corrupti. Admoneo claro tribuo infit. Sordeo acquiro abeo. Qui correptius creber votum. Suasoria speculum admitto amo aurum bonus coerceo. Itaque verto vulticulus. Voluptatum turba tempore. Cariosus comprehendo tenetur. Incidunt xiphias ascit animadverto commodi custodia amicitia excepturi praesentium. Una termes sono dapifer circumvenio. Ultio amplus creator acceptus timor mollitia adinventitias soleo. Trado magni laudantium alo sui aequitas consectetur absens temporibus. Attollo argumentum adfectus vivo atrox certe. Comptus villa vinco sollers suadeo. Urbs sumptus at attero sunt benevolentia. Aduro auxilium turba voluptatem theologus carcer. Velit similique expedita. Impedit campana crebro adnuo creo solitudo convoco vicinus. Stips temptatio aperiam vesco omnis brevis derelinquo consequatur abscido toties. Appositus vicinus conor amitto versus cui tumultus tametsi. Vulticulus denuncio absque dolor quaerat dedico pecco odit despecto. Stultus adstringo auditor sodalitas atqui clarus virtus. Deleo auxilium astrum deleniti desipio vehemens uter demonstro attollo aeger.

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