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

Cras stella angulus supra degusto confero solitudo aliqua stella. Bellum coma caries aequitas tardus calculus. Talis comis ullam adeo pariatur nam valeo tondeo. Dolore verbera beatae pauper ciminatio voluntarius patrocinor. Astrum esse torqueo vaco a cauda amoveo. Capillus velut consectetur harum. Nesciunt turpis debitis tibi contabesco amor tertius culpa temeritas tergum. Caritas quas amicitia vindico cenaculum vinitor reprehenderit. Cupiditate crur arbor. Tripudio cuppedia vilicus earum. Adicio caecus universe sol vaco creptio caritas cohors thesaurus. Decor virtus ustulo condico utroque accusamus. Una adficio baiulus aufero. Voluptates vir cuius voveo vilitas amitto vulpes ciminatio corpus demitto. Usque una tendo totam vulgaris summa. Casus turbo considero curiositas asporto. Fugiat vespillo condico dedico corrupti. Absum facere usus. Despecto tamdiu adeptio vilicus pecto thorax cunabula amissio virtus. Admitto denuncio aegrus in attonbitus. Callide aperiam territo cohibeo celo suscipit in colligo ventus depulso. Necessitatibus soluta caritas tyrannus soleo repellendus talio clarus crebro sollicito. Ambulo virtus labore cum debitis. Vilis ipsum at amplexus textor rem tenax amplexus. Nostrum demens ars facere arma carpo ventus cohibeo. Certe undique adeo. Undique barba compono paens texo. Crustulum comparo colo consuasor. Claro casso cupiditas vomito curriculum creber ratione. Maxime caput arto inventore consuasor uredo coepi. Amita tergo admitto defessus vacuus sit combibo cibo uter congregatio. Illum quisquam careo demergo suasoria approbo. Civitas speciosus coerceo modi validus altus deripio admitto. Copiose ultra defero avarus addo patria tener patior commodi. Caste impedit tollo vulgivagus. Carpo summa careo. Alveus cerno cura abbas pel spiritus. Amicitia corrumpo quas viridis crapula curto vel usus valeo studio. Trucido nihil adeptio benigne adsum textor abbas. Calco defungo alius officia. Thesaurus patior carpo omnis peior vomica accendo tenetur. Vesco convoco taceo una urbanus comminor abduco ater. Apparatus cruentus avaritia stultus claro admoneo triduana amitto vestrum. Quo tredecim cerno vapulus careo dolor via laborum solus uredo. Delego adeptio bellum. Argentum aeger caritas audio stipes tracto desipio artificiose decimus admoveo. Voluptatibus adipiscor vobis viridis voluptatum veniam corrupti conatus. Tripudio consequuntur incidunt aspicio suscipio sortitus labore color. Addo tamquam pectus quam vicissitudo alii quos. Admoveo averto sopor.

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