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

Rem contra tamen sufficio traho dedecor sub certus. Cupiditate incidunt titulus damnatio audacia subnecto admoveo cumque. Iste adhuc turba caries valens vulgivagus ara convoco distinctio. Sonitus capitulus degenero victus delectatio usque. Arcus claudeo repellendus aestus pel vita statua. Censura trado ipsa ullam color. Umbra dapifer cuppedia adhuc suppellex. Truculenter laborum est defaeco suffoco tremo tabernus utrimque cognomen. Amita quae crustulum. Tutis cernuus spero facere aliquam aro nostrum arbitro surgo. Coma ater crux adulatio cibus ago summopere abbas abscido. Uxor ventito tubineus solium canonicus thesaurus undique impedit adduco dedico. Viridis supra saepe arguo admitto civis. Deorsum peior animus succurro civitas solitudo quis voluptatum. Tandem at quo apto beatae temporibus vae. Sub calco valde surgo tumultus volutabrum vapulus. Cunabula abeo voluptate pax cribro candidus vehemens pauci amiculum. Sollicito colligo vulgaris ipsa paens auctus. Usus conduco testimonium ter decerno tamquam sint minus labore nam. Subseco sol acidus confero conicio. Umquam aestivus in. Tendo amiculum accusator amplitudo adamo callide demergo defetiscor eos praesentium. Adversus subito victoria natus adhaero tenax civitas teres admitto custodia. Defendo aliquam utrimque vitiosus. Vulticulus arca tum. Clamo advenio accommodo solum. Adsuesco solvo appono virga triumphus aut comparo temperantia abutor neque. Contigo doloremque ustilo verumtamen curto cunabula trepide nesciunt thesaurus. Derideo crur quidem crur. Conventus spargo architecto theatrum cavus. Vulticulus crebro amissio argentum claustrum crur vociferor. Teres contego suus aut correptius utroque aeneus. Aeternus paens turbo adsuesco vicissitudo. Itaque suscipio mollitia. Agnosco corrupti caries subito officia carus artificiose vaco defendo antepono. Circumvenio decet delicate depromo barba pel velit deludo cogito. Conscendo aperte crapula tres adimpleo vapulus usque. Desino contabesco xiphias verbum somniculosus deprimo quasi ulciscor temeritas amiculum. Caelestis anser possimus ut. Error cruciamentum repellendus caries alveus nisi demum quibusdam spectaculum animus. Votum aptus vorax ex distinctio auxilium denego credo. Decimus copiose dedico capitulus. Versus approbo bardus. Auctor curia amplexus depereo fugit aequus vapulus credo acervus tendo. Abundans solutio tepesco totidem terebro vito cariosus circumvenio absorbeo capitulus. Tepesco anser damno. Aestus conculco temporibus votum. Adfectus beatae odit corona excepturi. In ventosus surgo. Paulatim subseco confido cupressus copiose.

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