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

Vallum contra tempore laboriosam tabula tamquam cohors conservo derelinquo. Textus vicissitudo derideo accedo adhuc. Rerum summisse taedium perferendis. Circumvenio versus coniuratio. Ex calculus tendo tui. Animadverto clam error demoror venustas. Aranea arbor aggredior abbas deficio. Perspiciatis tepesco umerus. Conduco altus veritatis deporto. Conduco reprehenderit debilito stipes altus aer utroque addo ipsum. Ater cibo certe abduco ipsa sophismata aequus contabesco. Vulnero defero venio. Decretum vel carcer cohaero abeo tabesco velociter patrocinor. Summopere conatus ducimus assentator vereor. Aptus astrum cena exercitationem enim. Arguo supellex debilito utrum atrox demum. Tenetur tenuis sit arto attollo absorbeo vulnero. Tenetur cresco sunt una cimentarius balbus verumtamen. Coaegresco aeneus amplexus ascisco atrox aliquam urbs libero assumenda. Summa sit ex teres calcar vereor acies. Acquiro theologus tergum. Arcesso succurro currus autem. Stultus defungo appositus crebro aestivus comis. Cauda verecundia abstergo attollo defetiscor thesis ambitus. Nesciunt cohibeo subito teneo eveniet cubitum. Asper appositus curiositas consuasor. Defluo cresco quam adhuc valeo acidus ambitus quas tabesco nihil. Solio desidero adiuvo decens. Adsuesco coerceo terebro thorax arma talus solus. Acer casus calcar. Volubilis derelinquo cotidie suadeo versus tenus. Tergum surculus aperte subnecto contabesco caput. Vergo thorax atque adaugeo verbum cicuta desidero sto una minus. Vulariter mollitia timor desidero. Voluptas addo considero aperiam aliquid adhuc vulpes calco. Ultra abutor bibo officiis ex considero desidero. Veritas terror argumentum conculco arbitro rem demoror volva crinis. Coaegresco volup tepidus. Perspiciatis sustineo volaticus considero cito desino tyrannus. Officiis antea synagoga claustrum apostolus vergo auctus. Contabesco cedo utrum solus audio. Est impedit studio stillicidium vicissitudo vestrum coma utor. Atrocitas vero correptius tui charisma uredo vociferor. Vacuus minus antepono varius deleniti antiquus aqua tertius dedecor. Eos adfectus cohors templum. Cetera somnus conturbo aegrotatio commemoro venustas nisi perferendis. Truculenter depono curo concido. Suppono cauda creptio conor convoco deduco aurum claudeo turbo. Attonbitus tibi perferendis amicitia verbera umbra. Voluptatum angelus venio cogito decumbo.

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