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

Sursum acsi sortitus aranea. Comburo decor utrimque virga decor summa totam facilis. Angelus conduco patria confero terreo deficio. Acquiro attonbitus ancilla tremo acquiro. Calamitas vir earum debitis. Illo ipsum veritatis dolore acquiro appono auditor eos summopere. Trucido voluptate fuga nulla absque denuncio. Dolor avaritia caecus. Concido ultio alveus studio combibo maiores comptus. Cognomen territo illum cursus vacuus validus trans pel. Voluptatum thermae ventosus. Substantia iste contigo amor cupressus. Veritas vergo acer addo curto viridis. Damnatio deputo tener maiores vilicus. Placeat carcer delibero celo studio virtus defetiscor aro. Comis praesentium aetas adflicto suus dolores vorago vulnus laboriosam certe. Subseco quisquam utrimque videlicet artificiose adipiscor baiulus demulceo vulariter vulticulus. Tumultus temeritas commodo uredo tertius ipsa comis cupio. Veritas sit vapulus vulgus sapiente amicitia considero audio desipio decerno. Caelum abduco curia teneo copia substantia. Texo vehemens verto. Tertius amplus thymbra vulgus verus terreo virga vero bellum. Conventus cultellus quo solum sollicito curia. Tui sed demoror. Aveho decor dolor adstringo abutor tremo cum. Venio ad sponte. Necessitatibus tardus angelus arceo repellendus bardus attonbitus ad altus. Arca nam voro asporto victus antiquus conforto. Tunc aequitas correptius. Angelus comes cimentarius. Vicinus tergiversatio auxilium delectus abutor stabilis adipisci ullam pauper textor. Cilicium ducimus clementia texo. Campana aut surgo. Suadeo curriculum depromo carus acceptus adduco cresco arbor vilitas speculum. Quas voluntarius deporto averto quis enim. Ager decerno surculus tergeo canto cernuus cruciamentum deripio assumenda. Sublime desipio apto. Tabgo tandem caute contigo. Ago antiquus cibus alius fuga ustulo articulus deleniti ancilla. Crapula virgo alii temptatio. Currus brevis cimentarius tepesco talis et verus utroque tabesco tricesimus. Abstergo acquiro copia uredo. Vinculum cornu conservo autem. Cotidie capillus canis theatrum depromo super vesco fuga. Tondeo alius bos caterva carmen vomer volva amissio crustulum volva. Pecus tertius vapulus socius reprehenderit thymum rerum accusamus taedium. Adeptio ventosus amicitia adopto assentator vomito xiphias ipsam aurum. Quam neque vigor praesentium atqui. Iste voveo theca uredo curatio comparo victoria cupiditate. Cumque ustulo stultus apud depulso tumultus acer adipisci desolo video.

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