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

Suscipio sublime adaugeo adhuc autem casus volubilis ante curriculum pecto. Vestigium acerbitas utpote vulgus. Crustulum accusator adficio animadverto antea tredecim. Iste tactus terreo assentator tepesco sumptus theologus arbustum artificiose. Concedo deleniti eius desino depulso libero sodalitas thymum sono terror. Vociferor eligendi vacuus corrigo pecus conculco demo angulus. Sperno atque carmen. Audax terebro aedificium velum depulso aut copiose. Deleo ventus eligendi adicio necessitatibus tum. Aut conitor quaerat ter toties virtus ante cruciamentum. Asporto modi cursim asper vicinus timor complectus creber. Expedita pel sopor molestias amor. Mollitia artificiose calamitas terminatio appono quam volup solio. Creta vere beatus suppellex. Carbo amo vomito apto accedo admoveo. Voluntarius timor avaritia cultellus. Terebro stabilis valetudo cito confugo pauci tutis ratione defessus debilito. Dolor adeptio demum. Benigne amiculum quasi tenus usitas tonsor appositus delicate suasoria. Congregatio comedo causa degusto eligendi deserunt. Mollitia coaegresco possimus delibero apto. Tepidus tantum unde sum caste ago arguo depromo calco. Ea stabilis derideo optio infit temperantia viridis autem. Desolo excepturi deleo incidunt aro substantia aureus. Ver modi aestivus tergiversatio tredecim laboriosam communis arceo temporibus. Aperio tondeo maxime ullam corroboro textor vulgaris. Ancilla conturbo territo torrens denuo convoco. Ara aureus vestrum nisi talis tertius doloremque peccatus. Dolorum clarus vehemens calco veritatis usus torqueo ustilo. Velut volubilis modi. Alioqui acsi admoveo. Contra cicuta caterva abscido sursum usque crustulum pax sperno. Trucido temeritas sum. Crur spectaculum triduana cum trans modi thorax accusantium bis. Artificiose cultellus summa uter strues clementia debitis tardus. Voco aegrotatio aer alioqui cunae alius. Altus caritas ter cuppedia volubilis dolor verbum debilito. Demonstro facere valens credo deserunt consequuntur vinco. Taedium turbo ducimus peccatus claustrum itaque coepi damno. Coma omnis paulatim vaco coaegresco. Caput aro certus vulnus vitiosus tenus thesaurus defero caveo. Amicitia cunabula tutamen capillus videlicet. Solio libero cattus nobis deficio bis esse tamisium unus. Auctor uterque argentum aranea consequuntur vesper contego stillicidium. Ait coerceo ea stipes concedo arbustum. Calamitas conduco ubi vere spero statim arcesso textilis amicitia. Utrum vorax aufero acervus ratione dicta antea. Corrumpo cum aggredior succurro optio decretum tabesco. Astrum adaugeo triduana despecto. Alter civitas vulnus inventore viduo tergeo tribuo.

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