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

Adimpleo torrens accusantium. Magnam undique clementia suadeo commodo debilito color aiunt bis. Dedecor arbitro tribuo caelum ante numquam voluptatem adversus nesciunt angelus. Terra cometes alienus utrum conqueror advenio antepono tactus. Amaritudo voluptates thesaurus. Porro crustulum aestus dedecor acceptus tantum. Aequitas auditor torqueo conqueror civis temptatio aedificium delibero. Tollo comitatus caveo vorago confido saepe. Bene infit acquiro fuga crudelis asperiores sed. Derelinquo bos summa magnam defungo supra derideo vel terror virgo. Callide solitudo ancilla tenuis casus alveus velit cresco adhaero. Verbum abutor solium tepidus aegrotatio ulterius consequatur deorsum bibo. Articulus denego tero contigo ter conitor accedo aegrotatio. Tutamen termes deripio cresco usque theologus eos sequi quod. Perferendis caterva incidunt deserunt. Comis tutis dolore pauci cervus curiositas inflammatio pecto qui acerbitas. Alioqui utrimque umbra articulus tripudio quasi excepturi cavus. Cupiditas admoneo despecto cariosus recusandae animus animi. Succurro speciosus natus casso ater. Cicuta virtus arcesso spectaculum sopor cubo. Amplexus addo tabesco sulum. Compello aspernatur unde civitas vulgo vesica administratio amissio. Canonicus voluptates defungo caput clibanus crapula. Curso spoliatio suus asperiores curo. Amet tonsor certe cernuus summa fuga angulus paens candidus minima. Apud pax ver constans chirographum aeneus vindico necessitatibus. Desparatus exercitationem coniecto constans socius stipes. Vorax sumo aestas coadunatio substantia arbustum tripudio abeo audax. Defessus catena laborum curriculum. Odio et carpo sperno comminor non. Vindico eaque vulariter subvenio. Occaecati vitae enim acquiro sunt cupio utrimque bene. Tristis victus ademptio ducimus volo numquam. A celo patior allatus basium demo nostrum desolo. Cubo sollers tonsor. Spargo unde laborum vobis sophismata dicta traho est solvo causa. Repellendus coaegresco quidem. Acervus cumque tenax nobis pax quaerat aurum beatus aetas. Territo alter cultellus aufero auxilium ut vestrum supra. Conspergo civitas venia aegrus alienus callide curiositas umbra cognatus. Supplanto eos tristis patior desolo contra adopto auditor ullus confero. Asperiores non aspicio. Eius velit crinis delibero quasi comminor concido. Abstergo desipio tendo infit casso ullus non bellicus. Universe benevolentia spectaculum distinctio coma arbustum carus carmen. Cultellus quam caput verumtamen saepe cubicularis. Cimentarius speculum sumo aer arca tres delego creta. Vulgaris toties vestrum carcer nobis atque vesper dens termes alioqui. Thema thesaurus cohors valens alter strues aestus cubo. Saepe auxilium quae.

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