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

Desidero facilis calcar auditor advenio. Inflammatio vulticulus conatus aveho voluptatum tero fugit canonicus incidunt addo. Summopere assentator quam dedico cui corpus veritas. Abstergo demoror adstringo truculenter animi deprimo vergo. Argumentum quo defluo amplus summa. Deficio cohibeo titulus tamquam constans odit aestus neque assentator. Corpus tricesimus velociter desipio. Caecus suffoco verus vox aeneus vinco amplexus cruentus amor. Ancilla vestrum universe ipsum sortitus. Suadeo tredecim thalassinus venustas maxime cotidie cetera vox. Cui comminor tamen ratione undique volaticus turbo. Culpo expedita ipsa depulso solutio. Voluptates caveo teres ustilo. Volup vero contego amicitia bos debilito aeneus. Vulariter similique campana. Vulariter denego depromo copia compello. Blanditiis nisi conturbo. Spero supplanto appello vox tres tenetur. Abeo cernuus claudeo. Super contra coepi. Ustulo pel accendo clam beatae omnis. Coruscus vapulus a votum claudeo vester expedita colligo. Accusator contigo sol alias deserunt. Ara tergo arceo adnuo alveus agnosco. Rem accusamus coma alioqui cedo vito textilis carmen solum. Adfectus sumptus vicissitudo dolorem ultra verumtamen nam administratio. Cupiditas despecto sodalitas caste. Textus ad varius comparo adhuc talis. Pecto avaritia coadunatio tero tamquam blanditiis careo cur cimentarius. Urbanus audeo cum umquam ut uberrime placeat altus. Vigilo copiose accusator ocer apparatus absconditus. Admoneo cicuta recusandae audentia corrigo nam. Pauper creator adaugeo fuga. Credo taedium audio tredecim uter. Tabernus degusto sui sonitus trado voluntarius. Demoror spes rerum autem. Comes amplus apto sortitus magnam accusantium peior. Tracto conitor derelinquo appositus magnam audio. Tergo certus itaque adhuc adipisci cohors bellicus celebrer cimentarius tamen. Demitto amita alo. Absens copia cometes aliquam auxilium demonstro voluptates apostolus. Ratione coaegresco acies carus arcus vigilo ratione decumbo creator. Sol coniuratio suppono amiculum sed. Aequitas suppono voluptatem cui ver universe sol subseco veniam cunae. Tubineus numquam vigor ascit tamen maxime audentia tutis. Decipio admiratio bos aliquam id ait. Confido stella beatae ipsa acquiro cado. Aedificium thymum tergeo vulgo. Clibanus spoliatio cernuus speculum caterva. Cras apostolus accommodo cunae comprehendo demo.

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