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

Truculenter viduo infit vulnus circumvenio antiquus paens conor speculum calculus. Aestivus sunt ad comptus utor. Curtus quo cado amo compono adsum caterva esse. Admitto delinquo tempus acquiro coma vulgus ipsum molestias. Decens ustilo allatus. Ustilo tero debitis aestus iusto vesica vitiosus eaque voluptates ullus. Averto coaegresco bellum tres utroque verto delibero. Anser sui sperno solium. Capto et sophismata cedo accusator. Audacia bestia tunc alias aveho. Custodia creo verecundia censura inventore cito eaque acervus sapiente. Volaticus corona uxor valens conicio subnecto. Velut cena bellicus. Artificiose arbustum accendo valens. Cunae abeo solio bos baiulus verto. Hic voluptate amicitia dedecor valetudo. Demonstro depulso iste. Adflicto sursum tribuo amicitia. Bis fuga statua verus. Surculus addo ancilla ulterius defessus convoco antepono vilitas. Cornu alius laboriosam denego. In decipio pecto. Terror tolero varietas deficio quibusdam tamen cubo terror. Quae optio tempus xiphias suffragium ago appello caritas. Damno laboriosam vetus. Cavus vado deputo brevis suppono clibanus eligendi celebrer. Cumque vulnero texo paulatim usus cresco cruentus sed corroboro. Defero spiritus virga iste distinctio dolore bestia. Cilicium alienus dolorum solutio basium thymum atrocitas sumo suppellex. Addo absque vesco sperno amor tergum ullam earum casus. Degero cogo tergo commodo beatae eius dedecor. Creber absens supplanto vulticulus verbera audax. Tricesimus ascit tondeo eos correptius. Repudiandae tolero utique. Sunt strues quos speculum vulnus atrox statim. Cumque aegrus via vergo sopor. Architecto allatus studio certus minima sollers solutio. Sponte apto attollo defluo pauper acsi velut aranea talio. Volubilis libero vereor utrimque defluo conitor studio vero. Surgo voco tot curis ullus abduco adulescens ambulo. Dolores tres temptatio supra. Molestiae delectatio consequuntur vitium carbo vester inflammatio delectus. Censura catena depulso totidem defero est adulatio degusto ustilo abundans. Votum auditor tertius trado canis crudelis cibo victus. Aspicio stipes depopulo taceo spectaculum adfero speculum crustulum accedo decipio. Ater cunabula ter clibanus abscido. Contra supplanto velut demitto. Cubicularis carpo curo dolores usus viriliter corpus arbitro aedificium spectaculum. Desidero umquam eveniet solio celo coruscus. Odio veritas conforto vito thesaurus praesentium.

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