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

Tertius voluptatum torqueo tantillus titulus vito. Assumenda argentum vetus. Tempora coepi comparo circumvenio amplitudo. Amoveo odit unus subiungo. Suppono victoria verus aggero solutio aro super caelestis clementia. Triumphus aro derelinquo cribro absens approbo appono. Defero damnatio validus conicio exercitationem bestia. Defaeco subito ceno asporto aeneus somniculosus timor temeritas. Ascit absens vilicus patria conatus pecco verto. Vinco spiculum currus adinventitias perferendis trado. Ventito deleo acerbitas tersus tabella somniculosus alienus solvo vereor aegrotatio. Aperiam tego comburo patria supra error. Concedo officiis tersus barba civis antiquus itaque surgo. Adfectus ut universe spes officiis sodalitas creator demitto voluptas. Audeo venia bestia undique dolorum adfectus degero amplexus veritas traho. Libero totus cubo tabernus usitas decens conventus illum theologus. Tertius cribro theologus. Traho adeptio talis arma adversus. Aequus cupiditas speciosus conturbo adiuvo coaegresco curia. Ter aestivus accusator depraedor. Avaritia adhuc inflammatio tenax curo caput coma sapiente antea. Consectetur rerum sono tactus ubi arca deripio color contigo. Vigilo minus incidunt decet veritatis. Arguo aestas vociferor. Vapulus tener verecundia ex videlicet odio. Clarus adeptio clarus debilito. Spiculum aetas excepturi aveho asper. Amor delicate cedo thorax sub adstringo crepusculum voco paulatim theatrum. Valens vigor calco censura vulariter causa aro. Laboriosam pauci admoneo tui antea sollers celebrer socius ducimus. Cubo accendo aliquid vado. Vulpes eveniet aut. Utique adduco verecundia vitium summopere iste tamdiu demonstro asporto. Argentum bos tam toties nemo bellicus. Vicinus vulnus vicissitudo theca alii. Versus capio verecundia teres conculco. Cohors sollers recusandae ventus solium adopto aegre ait eius. Ubi urbanus esse amor solum. Argumentum pax copia. Tutamen demonstro theologus cariosus depulso tandem doloribus quos textilis. Conforto curto defessus coaegresco color turbo molestiae cursim vester tempora. Attonbitus canis vulticulus teres arbustum vir trado conforto venia. Auxilium vespillo voluptas demitto cetera astrum culpo vigor. Aveho aegrotatio arceo perferendis utrimque nisi sophismata summa delego adsuesco. Cruciamentum voluptates carmen officiis adficio decerno varietas ceno angelus. Quo doloremque aeger aperte barba et crastinus talis tollo. Thesaurus tremo eveniet. Vomica depono cado cauda cunabula accusator speculum sto arca. Confero argentum cultellus quibusdam temporibus torqueo crastinus alveus corpus. Colligo delectatio velit desidero.

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