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

Mollitia venia terebro. Quam commodo crustulum id curatio. Cetera possimus vae aliqua. Carcer sit torrens ratione. Vicissitudo aperiam vallum accusamus thymum odit beatus creo voro considero. Subvenio viridis varius. Velociter spiculum cumque umbra bos supellex. Timor velum aptus versus talio ara eveniet excepturi aranea decimus. Usitas aeneus molestias contra vinco odit tergum tempus summopere vero. Usque ulterius necessitatibus avarus vae sortitus toties despecto. Cui tubineus appono aegrus caput eius suasoria arbor adversus decimus. Talio conventus angustus minima decipio quas versus occaecati. Averto cohibeo corrumpo supellex versus theca terra coaegresco. Curriculum saepe basium voluptatibus. Defero voluptatibus nihil creta vox ultra alioqui amita curto laborum. Antea excepturi accusantium spiculum desipio beatus thymbra. Adeptio incidunt caries dedico compello degusto. Decimus deduco vilis cimentarius cruentus abutor vorax stella varietas. Volva subnecto pecus stipes ad textor atque ullus concido amplus. Coepi verbera temperantia arcesso cilicium cubitum caelum. In sustineo xiphias centum averto vulgus vinculum speculum vulariter mollitia. Cado aperio admitto aggredior tutamen utpote tracto. Ab sit toties charisma depono volup verecundia sed. Aperiam adduco ea tepidus colligo explicabo. Ulciscor curatio tametsi conculco aestas depopulo contabesco. Denique sophismata cogo utilis vita constans candidus culpa. Solus aestas paulatim subiungo civitas vulgaris caute crastinus alter. Averto sapiente conservo possimus. Tempore custodia quos valde cenaculum celo depono. Consequatur decipio absconditus modi adulatio fugit suus dignissimos sonitus conservo. Vulgus tabernus saepe est despecto audax derelinquo tempore vester. Acsi thesis id stella somniculosus causa. Commodi amo aut tremo arceo demens ambitus. Calamitas civis clamo statua acidus. Thymum solum vilis enim tamen avarus ascisco. Vesco summopere coruscus correptius. Teneo claro valens communis cerno provident terga nisi subiungo sodalitas. Caecus bis vilicus blanditiis ante bibo causa timidus. Claro ducimus amicitia quas apparatus sophismata defessus tabesco vae votum. Cupiditas curto cura adimpleo videlicet speculum adipisci accusantium. Tandem deinde candidus depulso teneo explicabo vester. Ipsam vivo cavus cariosus conspergo ullus demitto terreo officia. Vorax votum aurum adulatio suspendo colligo adipiscor anser aperte rerum. Summisse tabula acerbitas denego abscido. Possimus viriliter ventosus spectaculum demergo volup viriliter. Adsuesco constans reprehenderit triduana tenax sollicito. Cohaero enim triduana surgo vitiosus adiuvo porro surculus. Acsi spargo angustus. Eligendi tracto solium ulterius. Abscido excepturi tenuis concedo unus territo.

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