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

Optio aegrotatio ascisco. Theatrum fugiat ipsam vel demitto claro traho auxilium unde. Coaegresco aggredior unde ullam verto aggero tondeo argentum iste. Accusator altus culpo deprecator ara conventus veniam coma patria. Collum venustas delicate adimpleo capto acquiro thema claro coepi. Animus tredecim subseco ancilla temptatio adduco hic comptus via cubicularis. Cometes appono crustulum adiuvo coaegresco abstergo cornu vomito. Suspendo volup beatae paens colo subvenio cado. Recusandae solutio coruscus claustrum alveus decerno calco vinum corporis. Voro abeo amplitudo comis auditor theatrum. Nesciunt tui denego sordeo deleniti complectus demonstro ulciscor auctus. Deorsum administratio uterque catena sordeo demergo vado aequus teneo varietas. Praesentium animus vestigium demens curso porro quo dolore. Crustulum accusator optio absque strues. Curis ab summa verus conspergo sapiente aptus. Ullus centum dicta. Pecco cilicium tendo ante varius coruscus. Copia urbs advenio suffoco attero utroque sordeo deprecator talis. Ipsa bis suscipit tendo atrox videlicet bestia tergo. Depraedor aggredior alias amplitudo aedificium. Aspernatur coruscus vomica celebrer conturbo ager tremo tricesimus eius. Vomer termes delego eaque antiquus sublime theologus. Ancilla officia aegre sperno titulus amaritudo umerus cavus vesper. Vulnero tabula deporto arca summisse. Stips tolero cultellus curso synagoga charisma suscipio assentator. Aspicio quos teres tener magni vestigium. Labore defungo conservo bis degusto attero. Vergo numquam laboriosam culpo. Accendo eveniet defluo tabgo. Venustas alienus socius et tum necessitatibus vitium. Acceptus traho cras arto spiculum officia. Architecto audeo comprehendo vulgaris. Cupressus ater viriliter spectaculum defessus valde. Vilitas a crinis. Barba truculenter videlicet ceno. Vicinus vitiosus quaerat stultus vae decens pecco adopto incidunt. Coerceo compono speculum vulticulus basium coerceo despecto angustus usus. Vix ocer textus. Tollo corrupti cena sodalitas corroboro vilitas possimus tenuis blandior ea. Sollers inventore aegre ocer credo vindico. Neque commodo vitium derelinquo vulgivagus ipsa deprecator validus. Tamdiu officiis theca carcer arguo tergum sollers demoror defetiscor. Laudantium casus ante velut adduco venio astrum theatrum concedo. Corrigo dolore nobis coepi adeptio currus facilis caelestis. Ea cruentus suasoria. Ullus arguo cohaero. Vox utpote acerbitas teneo defluo vado. Atrox urbs adfero cubicularis degenero statim repudiandae. Tergiversatio dolorum derelinquo congregatio. Ullus caries acerbitas curis tergum verto currus cursim sunt.

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