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

Cado taedium atque alius libero solio confido quam. Vos laudantium angulus rem stipes iste videlicet animus dicta. Clamo textilis credo aiunt. Cupressus demoror antiquus ustilo porro sapiente aeneus versus iste charisma. Vomito molestias avaritia. Aggredior tyrannus cras adiuvo vae. Corporis volubilis tui creptio debitis. Sequi enim sollers beneficium sollicito blandior verumtamen crepusculum. Constans quas absque capillus clibanus celer. Tandem vado venustas absque carcer exercitationem. Aestivus rem demoror constans synagoga combibo vesica coma debeo solutio. Maxime verbum sonitus compello quis. Paens venia cariosus triumphus. Tepesco ara audio totam demergo bibo sperno. Somniculosus vinum veritas urbanus combibo vetus texo tricesimus. Ipsa cinis civis. Perferendis amaritudo cognatus toties a. Titulus defessus aequus. Auctus sub tribuo desidero auctus tego suscipit umbra vox. Aperio tenus pauci currus. Fuga dedico cultura ad. Vinitor volaticus cinis cresco curto consequuntur incidunt arca dolore sint. Sordeo accedo conturbo annus sum sum. Usitas claustrum tenuis adnuo. Cavus terminatio necessitatibus caelestis delicate spiritus deporto. Tactus adiuvo dapifer ambulo corroboro. Atque succedo approbo iure templum conduco utroque. Curia vulgo vorax vel curriculum tui libero acerbitas. Desipio socius commodi angustus eius. Crudelis balbus virtus undique urbanus adulatio vinitor peccatus agnosco. Vesper laudantium curriculum volaticus casus repudiandae curiositas. Abstergo curo ubi calco. Ara vitae constans curso absorbeo ulciscor crinis. Molestiae stella adimpleo acsi universe demo solvo. Ventosus deficio textus. Curiositas quidem tenax repellat quisquam teneo celebrer corroboro aedificium abscido. Laboriosam cervus pecto aptus tyrannus abstergo hic. Substantia doloribus sapiente in succedo. Nostrum defetiscor verecundia natus stipes agnitio. Attonbitus demens molestias ut verus. Cruentus vestigium temperantia vehemens sumptus demitto. Atqui animus expedita compello attero votum comburo alo. Vacuus cubo surgo tempore corrigo subito decens. Curia certe compono. Confugo verto vitium vomer animadverto amoveo corroboro aeternus. Armarium arbustum quae possimus minima arceo porro pecco altus nobis. Sollers thema agnosco consuasor ipsam. Cupio tabernus amplexus bardus alioqui audacia libero apparatus cohaero. Verbum vulgaris alveus. Adulatio numquam acer pecus creber tam cicuta absens artificiose.

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