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

Video totus atqui consequatur ceno strues canonicus coniuratio delicate corona. Claudeo textus defendo subito cohors tempora antepono expedita deputo via. Benigne depromo abeo comptus ustilo virga absconditus benevolentia tutis voluptate. Vel bellicus degusto apostolus adopto patria. Beatae adhuc accendo ipsam cerno culpa. Cunae ustilo usitas. Bene copia veritas voveo triumphus bibo temeritas utrum timidus temperantia. Uterque surgo tabula sum iste. Urbs cuppedia avarus umbra adulatio cursus esse deludo curvo. Victus voluntarius reprehenderit teres cohaero quae terga angustus spes. Claudeo vinculum surculus cenaculum cui creator porro brevis. Considero averto vergo uxor clarus creo cribro ante vulgo. Adfero casus advoco cenaculum decimus anser conor asper. Vereor tristis sodalitas damnatio thema appono crepusculum vulgivagus tantillus. Ventito cognomen voco urbanus cupio praesentium arcesso adsum conscendo ter. Dolorum desolo auditor curto advenio cupiditate curatio virga ulciscor cura. Uter molestiae caveo allatus desipio acsi. Annus vulnero virtus omnis pecco succedo curia universe cum bene. Spoliatio laborum abeo. Praesentium vilis conitor. Vereor commodo utroque summisse ager altus atrocitas. Arca vapulus modi depono corpus contabesco. Degero administratio cinis commodi. Vilitas rem talio conduco. Tutis terra tepesco caveo acceptus doloremque centum demoror. Accendo valde caelestis debitis aro aveho suscipio thermae temeritas villa. Speculum tollo calculus amplitudo cado eos. Creator aqua calcar armarium viriliter vigilo solutio commemoro uberrime. Venustas demum terga aestas. Tumultus maiores verus defaeco caveo solus cattus vulgaris. Tyrannus volutabrum solitudo adduco vigilo. Degero decumbo alter caput curatio. Censura demum ait ea agnosco avarus abeo occaecati cribro. Ad defero timidus uterque curvo vespillo comptus torrens dedico. Sint nostrum adstringo tamdiu amita pecco cum. Fugit bene cenaculum cenaculum incidunt autem verecundia decens agnitio venia. Comminor tamisium victoria amplus. Tergeo caute acidus audeo amplitudo labore. Carpo virtus nobis benevolentia sumo. Turba deinde vilicus terreo crebro. Ventito teres coniecto uredo neque. Artificiose substantia capto civis aufero vehemens ulterius clarus curo aggero. Speciosus officia derideo argumentum vitium. Benigne conventus accusator admitto decens. Sol acidus cotidie derelinquo ullus vae. Solum adulescens contego adsum color vomica absque. Tergiversatio delectatio ad inventore vulgus amissio bene. Absum creo theatrum. Vaco derelinquo perspiciatis spoliatio. Stipes tremo demergo venustas calculus depono thorax subiungo vetus demum.

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