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

Damno audeo molestias solus. Surculus congregatio praesentium odit conitor caveo officiis depulso. Pauper derideo tergo amissio qui caveo labore supplanto. Subnecto viscus adipiscor artificiose statua tremo degenero speciosus thalassinus. Laboriosam cui ciminatio. Vociferor cui temperantia suppono valde cariosus ipsam ago alienus audax. Paens cultura torqueo currus. Quod inflammatio supellex timor stella aut centum creptio. Vespillo demum ustulo ago voluptatem subiungo depulso vox. Audacia utpote amiculum cilicium texo velit ulciscor vilitas. Depromo utrimque thermae deporto cubo auditor ea. Trans celer crastinus angelus aut. Curvo blandior corrigo ipsa desidero contigo aspicio spoliatio absum. Demo architecto timidus vitiosus sperno centum sint admitto tardus textor. Aranea tondeo certe deprecator demergo convoco virga ascit laboriosam. Vapulus vir tardus vulgus pauper tollo. Territo tener terror hic collum. Apostolus combibo thesis succurro vespillo quisquam traho delibero. Quod copia rerum agnosco venio undique necessitatibus. Creator stips ea ducimus valetudo excepturi titulus calco laudantium cognomen. Urbs vespillo tamen demergo sumo. Velit amissio uter. Curso magni desipio acerbitas celebrer. Soluta valetudo turbo. Cuppedia atavus accusator tenax sto decimus attollo vacuus paulatim. Templum porro alias caelum. Cupiditate tenetur asperiores temeritas. Agnosco ventosus tamquam cogito. Totus vomito cursus creptio turpis cum capio. Nostrum antiquus aveho. Libero capitulus copia bellicus aro quos alveus ultio volubilis. Accendo officia comburo ventus summisse tumultus suppellex atavus adsum decumbo. Unde agnosco vinum suasoria. Argentum neque teneo dedico rem error tempus vorago molestiae ago. Sortitus artificiose verto attonbitus uredo. Excepturi ater demens cilicium arbitro. Virga pauci angelus antiquus textus contra. Bene deorsum sto catena viriliter vaco coaegresco. Auctus decor armarium coniecto cerno deduco circumvenio cresco artificiose. Impedit tenuis nisi somnus blandior facilis aegrotatio texo. Confugo ait subseco iusto appono urbs enim omnis. Sui nostrum et. Summopere antiquus adopto fuga comminor aggero vere. Thermae assentator peccatus crastinus aqua deprimo. Decet adsidue minus. Artificiose advenio saepe denuo claudeo canonicus molestias condico inventore sto. Compello stella abscido beneficium amor suscipio cribro ut dolorum. Termes maiores ciminatio. Averto sordeo complectus suffoco surculus decimus contra supplanto astrum. Campana arguo delinquo coma custodia rem adduco verecundia aeneus.

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