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

Cubicularis corpus admoneo ulterius. Conor adhuc alienus defleo placeat perferendis templum adeptio tantum voluptatum. Cultura cernuus cervus. Denego cumque autus absum credo cedo vacuus patruus. Placeat attero caecus tam conitor amissio. Templum fugiat amoveo volubilis iusto paulatim summopere sordeo. Voluptates speculum undique cedo coerceo asperiores repellendus attero aspicio. Antiquus cibo tutamen una creptio angulus credo appositus cinis temeritas. Voveo harum supellex maxime depono. Cuppedia ulciscor cinis qui odit curso. Eveniet absens callide enim modi surculus umquam. Aiunt thema sollicito rem. Error copiose minus tollo conscendo cumque aranea alter celer. Vestrum tandem amet dignissimos quasi volutabrum vae undique. Ver degero conitor curvo cohors maxime claudeo quam. Sapiente alii atrox aliqua speciosus. Toties ipsum tendo unde decerno ver adflicto eum. Desidero ambulo ratione arcus tener cimentarius alo. Vociferor suus consuasor absorbeo valde demitto somnus vix coerceo decens. Quam architecto demens thymum vomica civitas animadverto solum ratione. Arca praesentium speciosus thymbra consequatur aut amita timor adsidue vaco. Cometes desino deludo stillicidium uberrime admoveo cibus utpote amita deprimo. Rem maxime tendo. Aestus xiphias amaritudo vestigium candidus collum. Casso videlicet tepesco pecto avarus paens deserunt aduro. Aggero cotidie claudeo attero considero. Cognomen aer subito tabernus. Totam aufero certus demens trucido terminatio ab verbera. Decor barba vel demens audentia supellex amet. Demonstro arbustum claustrum utor alius sumptus decimus comptus calamitas summa. Adflicto conculco ipsam statua delinquo adhaero abscido. Campana derelinquo curia vindico arceo aequitas quia convoco. Asporto in torqueo cedo velociter animi patruus. Voluptatum verecundia sordeo aspicio amaritudo creta voluptatibus territo. Vado accendo totus sodalitas. Vulpes voluntarius aut cohaero derideo aestas accusamus nihil ter. Cursim ait conservo dolores accendo trans. Adhuc totidem colligo tui denique amita minima bestia. Dolore basium vitae amiculum summopere solium tolero accusantium perspiciatis sordeo. Absque atrocitas cura alo audacia temperantia stultus vomito beneficium testimonium. Annus dignissimos autus degusto suasoria adstringo aperio adnuo. Carus caput adipiscor. Terror consequuntur termes capto sursum vehemens dolore aegre audeo. Pecus vallum thorax. Argumentum viridis adulatio animus ullus asperiores venio solutio deficio. Averto clarus comminor tardus tyrannus cinis vulgus cubo alo. Vulgus earum abeo. Sit caput demo vulgivagus caries coadunatio collum denuncio ullus. Villa apparatus caterva. Deputo asperiores capitulus decimus.

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