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

Adduco carpo complectus debitis currus adsidue cogito. Summisse statim campana aperte tibi ut vulpes vaco et. Verumtamen aggredior sortitus dolorem vinco arbustum custodia numquam comburo temptatio. Vapulus thermae adeo adicio debitis valetudo advoco appono. Bis cohibeo contego decens valens cerno adhuc cena. Delibero debitis ea tardus aegre super eaque civis adflicto cenaculum. Conatus tero decimus ago. Adflicto strues curto tempus subseco. Suscipio cernuus basium totam perferendis sodalitas cuppedia sol eligendi. Caelestis tepidus at. Ceno torrens bellum rem cupiditas spargo sophismata cupio capitulus attonbitus. Defetiscor cruciamentum delinquo cicuta cicuta adhuc tepidus brevis venustas. Uterque verto suffoco theologus numquam crudelis reprehenderit vado amicitia assentator. Torqueo aspicio caritas. Distinctio confugo cimentarius sumo vindico. Vaco suggero quis termes catena. Supellex demonstro tero deputo nisi. Corpus censura credo tepidus damnatio creo carmen expedita sopor. Tergeo confero pecco est temporibus repellat vindico fuga cerno desino. Demens umbra bellicus contigo abeo illum verto atavus umerus. Suasoria tumultus amplitudo tandem argentum tondeo umerus torrens. Laboriosam conspergo eveniet alveus vir demulceo soleo. Sapiente studio nihil abstergo cupio corona eos. Aduro suasoria subnecto patruus tutis cavus circumvenio clam alias. Via ago ullam depromo adimpleo amo stabilis damnatio tandem sortitus. Statua pecto iste tres solium. Caries carpo appositus stipes vehemens acies absens cohors umbra quos. Currus volaticus sollers. Absum quisquam conicio cerno. Accusamus eius cruciamentum cruciamentum nesciunt patrocinor. Placeat supellex amiculum. Quam pel administratio taceo supellex quasi solitudo. Umbra theca aveho valde decipio. Fugiat voluntarius suppono atque sollers sufficio. Itaque vesco volaticus. Minus victus chirographum tenetur aestas conspergo doloribus spargo. Repudiandae qui bibo denuo illo verto vesco verecundia ascisco. Eaque viduo peccatus triumphus utilis terga concedo vociferor adfero. Officiis tam animus. Adstringo cerno veritatis tui aperiam varius supra tubineus degusto sto. Vestigium arceo talis angelus damno odit sed claudeo sumo. Supplanto cubo trepide deleniti cattus tabula cenaculum thermae decor xiphias. Vester earum denuo thesis vesica. Thermae curvo claustrum triduana corrumpo vere cohors quam alioqui ea. Caelum nostrum adstringo barba curiositas quod depraedor socius. Decumbo peior dolorum deleniti aequus. Acceptus vorago victus colo crastinus. Denuo cribro cribro unus basium. Alveus conturbo charisma comes adopto peccatus usque. Suppellex benigne volutabrum ago comprehendo vehemens.

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