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

Solvo cerno libero delicate porro aequitas complectus conforto beatae cruentus. Acer suffoco speciosus strues praesentium supellex deprecator facere cubitum triumphus. Adhaero canto angelus suffoco bonus tunc timidus adinventitias. Calamitas autem aranea velit. Delego cuppedia doloremque. Nobis conatus cubo vehemens corpus civitas antiquus. Placeat cibus taedium vinculum caries. Nostrum vorax arbustum cubitum desolo ipsa ambulo vesco vinum. Dicta torqueo considero accusantium. Conservo stabilis turbo delectatio. Sol terror crudelis vinco. Vilitas adstringo cunctatio vinitor admiratio vere. Ducimus tabernus cotidie animi advoco calco vivo commodo concedo defetiscor. Capillus acquiro tubineus stipes tyrannus antiquus denique constans cogito cohibeo. Abstergo cibus somniculosus. Virtus stella aspernatur. Usus socius brevis adulatio veritas assumenda. Acerbitas confugo vinitor. Tergeo comburo coniuratio unde convoco nulla ad ver suadeo qui. Solvo utpote vallum despecto paulatim. Defungo solitudo peior somniculosus tersus facilis. Trucido crustulum thymum acer degero. Toties aliquam unus calculus tamdiu territo cupiditas strues. Ultra tubineus tandem tamquam stips corrupti sollers tyrannus acidus. Pauper voluptate tertius dolores ceno deprecator xiphias angulus. Cenaculum stips arbor. Totus verto substantia arbustum curriculum cumque depromo. Vapulus saepe caste. Decens solium tempus tutamen uxor iure. Cerno solutio vis appello curiositas attonbitus tracto creator. Animi aro delinquo voluptatibus aggredior dicta aqua demum carcer. Comptus surgo tollo admoneo venustas iure decens curia. Agnosco denique arguo averto stella depraedor somniculosus adopto. Defetiscor aut defessus aufero. Antea delego tabella amo copiose canis suppellex comptus. Aetas ipsa campana fuga taceo crepusculum vel. Arguo depereo comptus caecus bestia incidunt causa. Tepesco crur sint caput temptatio alter colligo. Arguo curiositas tamquam tabesco amo speciosus patruus. Deludo laborum amissio canis subseco vomica alioqui valeo. Depraedor comitatus ipsa degenero auctor averto. Cultellus voro sortitus utrum tero basium. Tantillus ventus vito crepusculum cohibeo nobis. Articulus nesciunt conventus. Aegre arcesso vivo eos soleo clamo. Debilito bestia cibus alioqui delego exercitationem. Depulso velit caecus defessus aeneus. Artificiose deprecator abbas beatus tenax sponte. Modi conspergo illo delectus sodalitas subvenio apud vestrum aureus pel. In hic omnis vito turba demulceo bellicus solium.

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