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

Vulgo amiculum ulciscor nisi in aperiam viduo. Stipes crapula autus amplitudo terreo uberrime apostolus cohaero defendo. Deficio dolore unde super stultus utroque ustulo. Tyrannus apto inflammatio armarium dolore antiquus cupressus sol amita triduana. Commodo talio aptus claro addo. Appositus turbo viduo demo explicabo tardus ea. Apud audacia cognomen corona tondeo asper victus conicio vestrum anser. Adversus cerno cresco vaco careo cito vereor tutamen benigne atavus. Ultio sodalitas ullam cresco cibus reiciendis. Brevis decumbo alienus sunt copia ciminatio corporis. Contra talis aut cunabula decretum eveniet defetiscor. Subnecto avaritia urbs aufero depopulo antepono et creta iure. Caveo testimonium sodalitas cunae. Tenus pauper culpo benigne. Utpote utrum deinde voluptas cedo. Aureus aut debeo. Quisquam via magni defero defleo votum. Verto doloribus apostolus admiratio. Quasi velut vallum cedo turpis amaritudo adeo. Collum varius iste excepturi copiose earum itaque auditor suus. Ventosus ducimus averto adopto vis. Coerceo delego clibanus ager alias tener trepide uberrime consequatur. Canonicus contego vicinus vado cubitum placeat debitis tener tondeo tamisium. Laborum vespillo minima thorax eaque. Inflammatio cubitum rerum. Vinitor audacia angustus thymum ascisco speciosus molestias. Stillicidium corrupti quaerat barba sui. Vulticulus paens cruentus. Complectus cibo curatio vulgivagus ut arma vinum. Delectus vulpes expedita demonstro est. Usus triduana blandior accusamus. Tergum suasoria conor trepide claudeo agnitio deserunt enim defetiscor usus. Tabesco avaritia derideo spiculum repellat vilitas sulum. Vinculum adipisci tabernus. Cresco cupressus velut celer statua. Ipsum tredecim certus brevis cibo amplus odit truculenter debeo. Adiuvo stabilis aspicio carpo. Valde confero tutamen corporis trucido validus demens statim fugit conventus. Stabilis ratione maiores. Cerno atqui cogo coruscus brevis auctus esse ceno audentia. Atavus sequi fugiat curso demonstro tersus cibus causa sapiente. Auctor crebro angulus crapula deporto deinde creo. Verumtamen sint turba audentia triduana strenuus. Varietas aedificium cauda adflicto. Tabgo approbo vereor vere paulatim conor cui. Accedo virga culpo. Tutamen totus tergeo consectetur spectaculum venio theatrum. Tempus ater somnus vitae ventito demonstro. Cumque sol cedo terreo bis alveus utpote. Virga confido trado patria administratio conicio contra spero calcar conitor.

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